<template>
	<view class="page">
		<block v-if="(isdata)">
			<header-nav-menu ref="headerNavMenu" :menu="nav_nemu"></header-nav-menu>
			<scroll-view class='u-pa1 fix-titlenview-trans' scroll-y="true" :scroll-top="scposition"
				@scroll="scrolltoupper">
				<view class="m-banner-ad">
					<swiper :indicator-dots="false" autoplay="true" interval="3000" duration="300" @change="swiperImg">
						<swiper-item v-for="(item, ii) in ProductInfo.productPicList" :key="ii">
							<view class="no_goods" v-if="ProductInfo.if_store==false">
								<view class="no_shadow"></view>
								<text class="no_goods_tip">{{ __('售罄，补货中') }}</text>
							</view>
							<image lazy-load class="slide-image" mode="aspectFill" :src="(item.path)"
								:data-src="(item.path)" @click="previewProductImg" />
						</swiper-item>
					</swiper>
					<navigator v-if="(ProductInfo.product_video)" :url="ProductInfo.pv_url" class="video">
						<image lazy-load src="/static/images/play.png" style="width:100rpx;height:100rpx"></image>
					</navigator>
					<view class="indicator-point" v-if="ProductInfo.productPicList.length">
						{{ currentSwipperImageIndex }}/{{ ProductInfo.productPicList.length }}
					</view>
				</view>

				<view class="m-cells activity-intro-box" style="margin-top:0upx"
					v-if="(ProductInfo.isShowCountdown==false)">
					<view class="m-cell m-cell-access m-info-sp"
						v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_BATDISCOUNT)">
						<view class="m-cell-bd" style="color:red;display: flex;">
							<view class="m-info-tip">
								<ms-activity-tag-text :typeId="ProductInfo.activity_type_id"
									v-if="ProductInfo.activity_type_id"></ms-activity-tag-text>
							</view>
							<label class="activity-intro-desc">
								购买
								<text v-if="ProductInfo.activity_activity_rule.rule"
									v-for="(rule_items, i) in ProductInfo.activity_activity_rule.rule" :key="i"
									style="padding-right: 5px;">
									<block v-if="i==ProductInfo.activity_activity_rule.rule.length-1">
										{{ sprintf(__('%s件打%s折。'), rule_items.num, rule_items.percent / 10) }}
									</block>
									<block v-else="ProductInfo.activity_activity_rule.rule">
										{{ sprintf(__('%s件打%s折,'), rule_items.num, rule_items.percent / 10) }}
									</block>
								</text>
							</label>
						</view>
					</view>
					<view v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GIFTBAG"
						class="m-cell m-cell-access m-info-sp"
						@click="showActivityDetail(ProductInfo.activity_type_id)">
						<view class="m-cell-bd" style="color:red;display: flex;">
							<view class="m-info-tip">
								<ms-activity-tag-text :typeId="ProductInfo.activity_type_id"
									v-if="ProductInfo.activity_type_id"></ms-activity-tag-text>
							</view>
							<label class="activity-intro-desc">
								{{ ProductInfo.activity_base_row.activity_name }}
							</label>
						</view>
						<view class="m-cell-ft detail-text"><text class="text">{{ __('查看详情') }}</text></view>
					</view>
					<view v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_CUTPRICE"
						class="m-cell m-cell-access m-info-sp"
						@click="showActivityDetail(ProductInfo.activity_type_id)">
						<view class="m-cell-bd" style="color:red;display: flex;">
							<view class="m-info-tip">
								<ms-activity-tag-text :typeId="ProductInfo.activity_type_id"
									v-if="ProductInfo.activity_type_id"></ms-activity-tag-text>
							</view>
							<label class="activity-intro-desc">
								{{ ProductInfo.activity_base_row.activity_name }}
							</label>
						</view>
						<view class="m-cell-ft detail-text"><text class="text">{{ __('查看详情') }}</text></view>
					</view>
					<view v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GIFT"
						class="m-cell m-cell-access m-info-sp"
						@click="showActivityDetail(ProductInfo.activity_type_id)">
						<view class="m-cell-bd" style="color:red;display: flex;">
							<text class="m-info-tip">
								<ms-activity-tag-text :typeId="ProductInfo.activity_type_id"
									v-if="ProductInfo.activity_type_id"></ms-activity-tag-text>
							</text>
							<label class="activity-intro-desc">
								{{ ProductInfo.activity_base_row.activity_name }}
							</label>
						</view>
						<view class="m-cell-ft detail-text">{{ __('查看详情') }}</view>
					</view>
					<view v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_MULTIPLEDISCOUNT"
						class="m-cell m-cell-access m-info-sp"
						@click="showActivityDetail(ProductInfo.activity_type_id)">
						<view class="m-cell-bd" style="color:red;display: flex;">
							<text class="m-info-tip">
								<ms-activity-tag-text :typeId="ProductInfo.activity_type_id"
									v-if="ProductInfo.activity_type_id"></ms-activity-tag-text>
							</text>
							<label class="activity-intro-desc">
								{{ ProductInfo.activity_base_row.activity_name }}
							</label>
						</view>
						<view class="m-cell-ft detail-text">{{ __('查看详情') }}</view>
					</view>
					<view v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_REDUCTION"
						class="m-cell m-cell-access m-info-sp"
						@click="showActivityDetail(ProductInfo.activity_type_id)">
						<view class="m-cell-bd" style="color:red">
							<text class="m-info-tip">{{ __('满减') }}</text>
							<label class="activity-intro-desc">
								{{ ProductInfo.activity_base_row.activity_name }}
							</label>
						</view>
						<view class="m-cell-ft detail-text">{{ __('查看详情') }}</view>
					</view>
					<view
						v-if="ProductInfo.reduction_again !== undefined && ProductInfo.reduction_again.activity_type_id == StateCode.ACTIVITY_TYPE_REDUCTION_AGAIN"
						class="m-cell m-cell-access m-info-sp" @click="showActivityDetail(1140)">
						<view class="m-cell-bd" style="color:red;display: flex;">
							<text class="m-info-tip">
								<ms-activity-tag-text :typeId="ProductInfo.activity_type_id"
									v-if="ProductInfo.activity_type_id"></ms-activity-tag-text>
							</text>
							<label class="activity-intro-desc">
								{{ ProductInfo.reduction_again.activity_name }}
							</label>
						</view>
						<view class="m-cell-ft detail-text">{{ __('查看详情') }}</view>
					</view>
				</view>

				<view :class="['product-info', ProductInfo.activity_base_row ? 'activity-fixtop' : '']">
					<view class="seckill" v-if="(ProductInfo.isShowCountdown)">
						<view class="seckill-left">
							<view class="discountPrice">{{ __('￥') }}
								<text>{{ number_format(ProductInfo.itemSalePrice, 2) }}</text>
								<label class="m-price-tip"
									v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
									{{ sprintf(__('%s人团省￥%s'), ProductInfo.UserLimit, number_format(ProductInfo.SavePrice)) }}
								</label>
								<text v-else class="m-info-delprice">
									{{ __('￥') }} {{ number_format(ProductInfo.product_unit_price_min, 2) }}
								</text>
							</view>
						</view>
						<view class="seckill-right">
							<view style="display: flex;flex-direction: row-reverse;">
								<image lazy-load src="/static/images/seckill.png"
									v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_LIMITED_DISCOUNT">
								</image>
								<image lazy-load src="/static/images/groupbook.png"
									v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING"></image>
							</view>
							<view class="Time">
								<text style="margin-right: 5px;">{{ __('还剩') }}</text>
								<text class="time">{{ hours }}</text>
								<text class="time-tip">:</text>
								<text class="time">{{ minutes }}</text>
								<text class="time-tip">:</text>
								<text class="time">{{ seconds }}</text>
							</view>
						</view>
					</view>
					<view class="m-cells" style="margin-top:0rpx" v-if="true">
						<view class="m-cell m-info-box info-content">
							<view class="m-cell-bd">
								<view class="m-info-price" v-if="!ProductInfo.isShowCountdown">
									<view>
										<block v-if="ProductInfo.showPrice">
											<text>{{ __('￥') }}</text>
											{{ number_format(ProductInfo.itemSalePrice, 2) }}
											<text class="m-info-delprice"
												v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
												{{ __('￥') }}{{ number_format(ProductInfo.itemSalePrice, 2) }}
											</text>
										</block>
									</view>

									<text class="m-info-delprice"
										v-if="(ProductInfo.marketPrice) && !(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
										{{ __('￥') }}{{ number_format(ProductInfo.marketPrice, 2) }}
									</text>

									<block v-if="ProductInfo.item_unit_points">
										<text style="margin-left: 20rpx;">+
											<text style="font-size:32rpx">{{ ProductInfo.item_unit_points }}</text>
											{{ __('积分') }}
										</text>
									</block>

									<block v-if="ProductInfo.item_unit_sp">
										<text style="margin-left: 20rpx;">+
											<text style="font-size:32rpx">{{ ProductInfo.item_unit_sp }}</text>
											{{ __('众宝') }}
										</text>
									</block>

									<view class="tag-view" v-if="ProductInfo.item_rebate > 0">
										<uni-tag
											:text="sprintf(__('返利￥%.2f'), number_format(ProductInfo.item_rebate, 2))"
											type="shopsuite" size="small" inverted="1" circle="true"
											data-type="groupbuy" style="height: 40rpx;line-height: 40rpx;"></uni-tag>
									</view>

									<view class="tag-view" v-if="ProductInfo.item_fx_cps > 0">
										<uni-tag
											:text="sprintf(__('佣金￥%.2f'), number_format(ProductInfo.item_fx_cps, 2))"
											type="shopsuite" size="small" inverted="1" circle="true"
											data-type="groupbuy" style="height: 40rpx;line-height: 40rpx;"></uni-tag>
									</view>

									<label class="m-price-tip"
										v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
										{{ sprintf(__('%s人团省￥%s'), ProductInfo.UserLimit, number_format(ProductInfo.SavePrice, 2)) }}
									</label>
									<!--拼团倒计时-->
									<view class="progressBarBox"
										v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
										{{ __('距离结束还剩:') }}
										<block v-if="(days>1)">
											<text class="m-FGB-time">{{ days }}</text>
											<text class="m-FGB-time-tip">{{ __('天') }}</text>
										</block>
										<block v-else>
											<text class="m-FGB-time-tip">:</text>
											<text class="m-FGB-time">{{ hours }}</text>
											<text class="m-FGB-time-tip">:</text>
											<text class="m-FGB-time">{{ minutes }}</text>
											<text class="m-FGB-time-tip">:</text>
											<text class="m-FGB-time">{{ seconds }}</text>
										</block>
									</view>
									<view class="progressBarBox"
										v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING && isJoin)">
										<view class="progressBarBox-content">
											<label
												:style="'width:' + ((ProductInfo.UserNum/ProductInfo.UserLimit)*100) + '%'"></label>
											<view class="progressBarBox-text">
												<text>
													{{ sprintf(__('还差%s人成团'), ProductInfo.UserLimit - ProductInfo.UserNum) }}
												</text>
											</view>
										</view>
									</view>
									<!--拼团倒计时-->

									<block v-if="plantformInfo.product_salenum_flag">
										<view class="dis" style=""
											v-if="(ProductInfo.kind_id != 1201 && ProductInfo.product_sale_num>0)">
											<view class="num">{{ __('已服务') }}
												<text style="color:red">{{ ProductInfo.product_sale_num || 0 }}</text>
												{{ __('人次') }}
											</view>
										</view>
										<view class="dis"
											v-if="(ProductInfo.kind_id == 1201 && ProductInfo.product_sale_num>0)">
											<view class="num">{{ __('已售') }}
												<text
													style="color:red;font-weight: bold;font-size: 12px;margin-left:1px;">
													{{ ProductInfo.product_sale_num || 0 }}
												</text>
												{{ __('') }}
											</view>
										</view>
									</block>

									<view class="favorite-share">
										<label @click="PDCollection" :data-id="(ProductInfo.item_id)"
											:class="['iconfont', isCollection?'icon-favoritesfilling':'icon-favorite', isCollection?' highlight ':'']">
										</label>
										<label class="iconfont zc zc-share" @click='onShareBox(1)'></label>
									</view>

								</view>
								<view class="nameBox">
									<view class="m-info-name">{{ ProductInfo.product_name }}</view>
									<view class="favorite-share" v-if="(ProductInfo.isShowCountdown)">
										<label @click="PDCollection" :data-id="(ProductInfo.item_id)"
											:class="['iconfont', isCollection?'icon-favoritesfilling':'icon-favorite', isCollection?' highlight ':'']">
										</label>
										<label class="iconfont zc zc-share" @click='onShareBox(1)'></label>
									</view>
								</view>
								<label>{{ ProductInfo.product_tips || " " }}</label>
							</view>
						</view>
						<view v-if="(ProductInfo.SpecLst.length>0)" class="m-cell m-cell-access m-info-sp"
							@click="ckselectsp">
							<view class="m-cell-bd" style="display: flex;">
								<text class="m-info-tip" style="width:64rpx;line-height: 64rpx;">{{ __('已选') }}</text>
								<scroll-view scroll-x="true" class="spec-box-grids">
									<view class="m-imfo-sp-selext m-panel-sp-labellist">
										<block v-for="(items, i) in ProductInfo.SpecLst" :key="i">
											<block v-for="(item, ii) in items.svLst" :key="i + '_' + ii">
												<view v-if="(item.IsChecked)" class="spec-box-grid">{{ item.Name }}
												</view>
											</block>
										</block>
									</view>
								</scroll-view>
							</view>
							<view class="m-cell-ft"></view>
						</view>

						<!--参团部分-->
						<view class="m-panel m-panel-access m-comment m-fg-comment" v-if="gbRows.length > 0">
							<view class="m-panel-hd">{{ __('进行中的拼团') }}</view>
							<view class="m-panel-bd" :style="!isAll ? 'max-height:382upx;overflow:hidden;' : ''">
								<view @click="groupBuying" v-for="(item, ii) in gbRows" :key="ii"
									:data-gb_id="item.gb_id" class="m-media-box m-media-box-appmsg">
									<view class="m-media-box-hd">
										<image lazy-load class="m-media-box-thumb" :src="item.user_avatar" />
									</view>
									<view class="m-media-box-bd">
										<label class="m-media-box-title">{{ item.user_nickname }}</label>
										<text class="m-media-box-desc">{{ __('正在开团中') }}</text>
									</view>
									<view class="m-media-box-bd m-media-box-bd-tip">
										<label
											class="m-media-box-title m-media-box-title-tip">{{ sprintf(__('还差%s人成团'), item.gb_quantity - item.gb_amount_quantity) }}</label>
										<text v-if="item.Time.days >= 1"
											class="m-media-box-desc m-media-box-desc-tip">{{ sprintf(__('剩余%s天 结束'), item.Time.days) }}</text>
										<text v-else class="m-media-box-desc m-media-box-desc-tip">
											{{ sprintf(__('剩余%s:%s:%s结束'), item.Time.hour, item.Time.min, item.Time.sec) }}
										</text>
									</view>
									<view class="m-media-box-bd">
										<button class="u-btn u-btn-default"
											style="margin-top:20upx">{{ __('立即参团') }}</button>
									</view>
								</view>
							</view>
							<view class="m-panel-ft" @click="lookall"
								v-if="ProductInfo.activityType == 'GROUPBOOKING' && gbRows.length > 2">
								<a href="javascript:void(0);" class="m-cell m-cell-access m-cell-link">
									<view class="m-cell-bd" v-if="!isAll">{{ __('查看全部参团') }}</view>
									<view class="m-cell-bd" v-else>{{ __('收起') }}</view>
									<text class="m-cell-ft"></text>
								</a>
							</view>
						</view>
						<!--参团部分-->

						<!--            <view v-if="false" class="m-cell m-cell-access m-info-sp" @click="onSelectAddress">
              <view class="m-cell-bd">
                <text class="m-info-tip">{{ __('产地') }}</text>
                <label class="m-imfo-sp-selext">
                  南京
                </label>

                <label class="m-imfo-sp-selext" style="float: right;">
                  溯源
                </label>
              </view>
              <view class="m-cell-ft"></view>
            </view> -->


						<!--           <view class="m-cell m-cell-access m-info-sp" @click="onSelectAddress" v-if="ProductInfo.kind_id == 1201">
              <view class="m-cell-bd">
                <text class="m-info-tip">{{ __('送至') }}</text>
                <label class="m-imfo-sp-selext">
                  {{ product_freight_info.district_info }}
                </label>

                <label class="m-imfo-sp-selext">
                  {{ product_freight_info.content || '' }}
                </label>
              </view>
              <view class="m-cell-ft"></view>
            </view> -->
						<view class="m-policy" v-if="(wholesale_policy_rows.length > 0)">
							<view class="m-cell-bd" style="padding:20rpx 30rpx;display:flex;flex-wrap: nowrap;">
								<view class="m-imfo-sp-title" style="width:50%;">
									{{ __('价格') }}
								</view>

								<view class="m-imfo-sp-title">
									{{ __('起批量') }}
								</view>
							</view>
							<view class="m-cell-bd" style="padding:20rpx 30rpx;display:flex;flex-wrap: nowrap;"
								v-for="(row,ii) in wholesale_policy_rows" :key="ii">
								<label class="m-imfo-sp-money" style="width:50%;">
									<span>{{ __('￥') }}</span>{{ row.policy_wholesale_price }}
								</label>

								<label class="m-imfo-sp-selext">
									{{ row.item_quantity_str }}
								</label>
							</view>
						</view>


						<view class="m-cell m-cell-access m-info-sp">
							<view class="m-cell-bd">
								<text class="m-info-tip">{{ __('服务') }}</text>
								<label class="m-imfo-sp-selext">
									<!-- {{ sprintf(__('由 %s 销售和发货，并提供售后服务'), store_info.store_name) }} -->
									{{ __('销售和发货，并提供售后服务') }}
								</label>
								<view style="margin-left:56rpx;" v-if="ProductInfo.contracts.length > 0">
									<label style="margin-left: 16rpx;margin-right: 0rpx;font-size: 12px;"
										v-for="(ct, ci) in ProductInfo.contracts" :key="ci">
										<image lazy-load :src="(ct.contract_type_icon)"
											style="margin-right: 6rpx;width: 30rpx;height: 30rpx;vertical-align: middle;" />
										{{ ct.contract_type_name }}
									</label>
								</view>
							</view>
						</view>
					</view>

					<!-- 优惠券展示 -->
					<view class="m-cells" style="margin-top:0;" v-if="(voucherList.length>0)">
						<view class="m-cell m-cell-access m-info-sp">
							<view class="m-cell-bd coupon">
								<text class="m-info-tip">{{ __('优惠') }}</text>
								<view style="position: relative;">
									<view class="m-coupon-item1" v-for="(item, ii) in voucherList" :key="ii">
										<view class="m-coupon-info">
											<view class="m-coupon-text" style="display: flex;">
												<label style="font-size: 12px;">{{ item.activity_name }}</label>
												<text>
													{{
                            sprintf(__('满￥%s 减￥%s'), item.activity_rule.requirement.buy.subtotal, item.activity_rule.voucher.voucher_price)
                          }}{{ item.activity_remark }}
												</text>
												<!-- <text>
                          {{sprintf(__('有效日期至：%s'), item.activity_endtime)}}
                        </text> -->
											</view>
											<!-- <view class="m-coupon-price">
                        <view class="price-content-box ">
                          <label>{{__('￥')}}</label>{{number_format(item.activity_rule.voucher.voucher_price,1)}}
                        </view>
                      </view> -->
										</view>
										<!-- <view v-if="(0)" @click="receivenowWeixin" :data-cardId="(item.CardId)" class="m-coupon-btn" :data-id="(item.Id)"
                    :data-isreceive="(item.IsCanReceive)">
                      <label :class="'btn-coupon ' + ( item.if_gain ? '' : 'btn-coupon-gray')">{{item.IsCanReceive == 0 ? __('立即领取'):__('已经领取') }}</label>
                    </view>
                    <view class="m-coupon-btn" @click="doReceive" :data-isreceive="(item.if_gain ? '1' : '-1')" :data-id="(item.activity_id)"
                    :data-point="(item.activity_rule.requirement.points.needed)">
                      <label :class="'btn-coupon ' + ( item.if_gain ? '' : 'btn-coupon-gray')">{{item.if_gain ? __('立即领取'):__('已经领取') }}</label>
                    </view> -->
									</view>
									<button @click="showCouponDetail()" type="warn" size="mini"
										style="position: absolute;top: 50%;right: 0rpx;transform: translateY(-50%);">{{ __('领取') }}
									</button>
								</view>
							</view>
						</view>
					</view>
					<uni-popup ref="popup2" type="bottom">
						<view class="m-coupon-list" v-if="(voucherList.length>0)"
							style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;height:700rpx;display: flex;flex-direction: column;padding:30rpx">
							<scroll-view scroll-y style="height: calc(100% - 60px)">
								<view class="m-coupon-item" v-for="(item, ii) in voucherList" :key="ii">
									<view class="m-coupon-info">
										<view class="m-coupon-text">
											<label>{{ item.activity_name }}</label>
											<text>
												{{
                          sprintf(__('满￥%s 减￥%s'), item.activity_rule.requirement.buy.subtotal, item.activity_rule.voucher.voucher_price)
                        }}{{ item.activity_remark }}
											</text>
											<text>
												{{ sprintf(__('有效日期至：%s'), item.activity_endtime) }}
											</text>
										</view>
										<view class="m-coupon-price">
											<view class="price-content-box ">
												<label>{{ __('￥') }}</label>{{ number_format(item.activity_rule.voucher.voucher_price, 1) }}
											</view>
										</view>
									</view>
									<view v-if="(0)" @click="receivenowWeixin" :data-cardId="(item.CardId)"
										class="m-coupon-btn" :data-id="(item.Id)" :data-isreceive="(item.IsCanReceive)">
										<label :class="'btn-coupon ' + ( item.if_gain ? '' : 'btn-coupon-gray')">{{
                        item.IsCanReceive == 0 ? __('立即领取') : __('已经领取')
                      }}</label>
									</view>
									<view class="m-coupon-btn" @click="doReceive"
										:data-isreceive="(item.if_gain ? '1' : '-1')" :data-id="(item.activity_id)"
										:data-point="(item.activity_rule.requirement.points.needed)">
										<label :class="'btn-coupon ' + ( item.if_gain ? '' : 'btn-coupon-gray')">{{
                        item.if_gain ? __('立即领取') : __('已经领取')
                      }}</label>
									</view>
								</view>
							</scroll-view>
							<button class="u-btn u-btn-default" style="margin-top:20rpx;margin:0;padding:0"
								@click="getCoupon">
								{{ __('一键领取') }}
							</button>
						</view>
					</uni-popup>

					<!--评论-->
					<view class="evaluate" v-if="last_comments.length > 0 ">
						<view class="evaluate-top">
							<label class="left">{{
                  __('用户评价')
                }}({{ ProductInfo.product_evaluation_num }})</label>
							<navigator :url="'/pagesub/product/commentlist?id=' + (proId)" class="evaluate-right">
								<label class="right">{{ __('全部评价') }}</label>
								<image
									style="width:16rpx;height:28rpx;position: absolute;margin-left:20rpx;margin-top:10rpx;"
									src="https://static.shopsuite.cn/xcxfile/appicon/goto.png" />
							</navigator>
						</view>
						<view class="evaluate-bottom">
							<scroll-view scroll-x="true" class="scroll-view_H" style="background:rgba(255,255,255,1);">
								<view class="scroll-view-item_H" v-for="(item, i) in last_comments" :key="i">
									<view class="uesr-evaluate">
										<view class="uesr-evaluate-center">
											<view class="center-top">
												<view class="user-image">
													<image style="width:100%;height:100%;border-radius:50%;"
														:src="(item.user_avatar)" />
												</view>
												<label class="user-name">{{ item.user_name }}</label>
											</view>
											<view class="user-text">
												<label>{{ item.comment_content }}</label>
											</view>
										</view>
									</view>
								</view>
							</scroll-view>
						</view>
					</view>

					<!--店铺信息-->
					<view class="m-panel m-panel-access goods-detail-store" v-if="(chain_rows.length>0)">
						<block v-if="(chain_rows.length>0)">
							<view class="m-panel-hd store_name">
								{{ __('门店信息') }}
							</view>
							<view class="m-panel-bd" style="height: 200rpx;">
								<scroll-view class="m-nearbylist" scroll-y="true" @scrolltolower="scrollbottom">
									<view class='list-box' @click="gopage" :data-chain_id="(item.chain_id)"
										v-for="(item, index) in chain_rows" :key="index">
										<view class='item-box'>
											<view class='flex-box'>
												<image :src='item.chain_img' class='flex-shop'></image>
												<label class='flex-title'>{{ item.chain_name }}</label>
												<view class='flex-postion'>
													<image
														src='https://static.shopsuite.cn/xcxfile/appicon/img/location.png'>
													</image>
													<label>{{ item.distance }}</label>
												</view>
											</view>
											<view class='flex-info'>
												<view class='flex-info-box' @click.stop="call"
													:data-phone="item.chain_mobile"><label
														class='flex-info-title'>{{ __('商家电话：') }}</label><label
														style='color:#0095fd'>{{ item.chain_mobile }}</label></view>
												<view class='flex-info-box' @click.stop="gotomap"
													:data-address="(item.chain_district_info)"
													:data-name="(item.chain_name)" :data-lat="(item.chain_lat)"
													:data-lng="(item.chain_lng)">
													<label class='flex-info-title'>{{ __('商家地址：') }}</label><label>{{
                            item.chain_district_info
                          }}</label>
												</view>
												<image src='https://static.shopsuite.cn/xcxfile/appicon/img/right.png'>
												</image>
											</view>
										</view>
									</view>
								</scroll-view>
							</view>
						</block>
					</view>
					<view v-if="(chain_rows.length>0)" class="m-panel-hd store_name" @click="gochainlist"
						:data-store_id="(ProductInfo.store_id)" :data-item_id="(ProductInfo.item_id)">
						{{ sprintf(__('查看全部%s家门店地址'), chain_rows.length) }}
					</view>

					<!--店铺信息-->
					<view class="m-panel m-panel-access goods-detail-store"
						v-if="(Config.MULTISHOP_ENABLE && !if_saas_status && !isStoreFlag) && false">
						<navigator redirect="true" :url="'/pagesub/index/store?store_id=' + (ProductInfo.store_id)">
							<view class="m-panel-hd store_name" style="height: 44rpx;">
								<label class="iconfont icon-store"></label>
								<label class="icon-mall" v-if="(store_info.store_is_selfsupport)">{{ __('自营') }}</label>
								<label class="icon-mall" style="color:#333;">{{ store_info.store_name }}</label>
							</view>
							<view class="m-panel-bd" style="clear: both;">
								<!-- v-if="(!store_info.store_is_selfsupport)"  -->
								<view class="store-rate">
									<label class="equal" style="width: 33%;">{{ __('描述相符') }}
										<view style="padding-left: 10rpx;">
											{{ store_info.store_credit.store_desccredit.credit }}
										</view>
										<!--<i></i>-->
									</label>
									<label class="equal" style="width: 33%;text-align: center;">{{ __('服务态度') }}
										<view style="padding-left: 10rpx;">
											{{ store_info.store_credit.store_servicecredit.credit || '--' }}
										</view>
										<!--<i></i>-->
									</label>
									<label class="equal" style="width: 33%;text-align: right;">{{ __('发货速度') }}
										<view style="padding-left: 10rpx;">
											{{ store_info.store_credit.store_deliverycredit.credit || '--' }}
										</view>
										<!--<i></i>-->
									</label>
								</view>

								<view class="item-more"></view>
							</view>
						</navigator>
					</view>


					<!--评论-->
					<view
						:class="'m-panel m-panel-access m-comment ' + ((ProductInfo.analytics_row && ProductInfo.analytics_row.product_evaluation_num>0)?'':'hide')"
						v-if="false">
						<view class="m-panel-hd">
							{{ __('评价') }}（{{ ProductInfo.analytics_row ? ProductInfo.analytics_row.product_evaluation_num : 0 }}）
							<label
								v-if="(ProductInfo.analytics_row && ProductInfo.analytics_row.evaluation_percent)">{{ __('好评度') }}
								<text>{{ ProductInfo.analytics_row.evaluation_percent }}%</text>
							</label>
						</view>
						<view class="m-panel-bd">
							<view class="m-media-box m-media-box-appmsg" v-if="(last_comment)">
								<view class="m-media-box-hd">
									<image lazy-load class="m-media-box-thumb" :src="(last_comment.user_avatar)" />
								</view>
								<view class="m-media-box-bd">
									<label class="m-media-box-title">{{ last_comment.user_nickname }}</label>
									<view class="m-media-box-desc">
										<view style="margin-bottom:10rpx;">
											<label style="margin-right:10rpx;font-size:20rpx;">
												{{ last_comment.item_name }}
											</label>
										</view>
										<label v-if="(last_comment.comment_content!=null)">
											{{ last_comment.comment_content }}
										</label>
									</view>

									<view class="m-media-box-info">
										<view class="m-media-box-info-meta m-start"
											v-for="(itemIndex, i) in [1, 2, 3, 4, 5]" :key="i">
											<label
												:class="'iconfont icon-start ' + ((itemIndex<=last_comment.comment_scores)?'sel':'')"
												:data-index="(itemIndex)" :data-type="1"></label>
										</view>
										<view class="m-media-box-info-meta m-tiem">{{ last_comment.comment_time }}
										</view>
										<view class="m-media-list">
											<image lazy-load v-for="(item, ii) in last_comment.comment_image" :key="ii"
												:src="(item)" @click="ImgTap"></image>
										</view>
									</view>
								</view>
							</view>
						</view>
						<view class="m-panel-ft"
							v-if="(ProductInfo.analytics_row && ProductInfo.analytics_row.product_evaluation_num>1)">
							<navigator :url="'/pagesub/product/commentlist?id=' + (proId)"
								class="m-cell m-cell-access m-cell-link">
								<view class="m-cell-bd">{{ __('查看全部评论') }}</view>
								<text class="m-cell-ft"></text>
							</navigator>
						</view>
					</view>

					<block v-if="false">
						<!--问答-->
						<view :class="'m-panel m-panel-access m-comment'" v-if="(faq_rows.length>0)"
							:data-product_id="proId" @click="listFaq">
							<view class="m-cell m-cell-access m-info-sp">
								<view class="m-cell-bd">
									<text class="m-info-tip">
										{{ __('问大家') }}（{{ ProductInfo.analytics_row ? ProductInfo.analytics_row.product_ask_num : 0 }}）
									</text>
								</view>
								<view class="m-cell-ft">{{ __('查看全部') }}</view>
							</view>
							<view class="m-panel-bd">
								<view class="m-media-box m-media-box-appmsg"
									style="padding-top: 20rpx;padding-bottom: 20rpx;" v-for="(faq_row, idx) in faq_rows"
									:key="idx">
									<view class="m-media-box-bd">
										<view class="m-media-box-desc">
											<label
												style="padding:6rpx;font-size:20rpx;background-color: #ff6700;color: #fff;">
												{{ __('问') }}
											</label>
											<label style="margin-left:10rpx;font-size:20rpx;">
												{{ faq_row.story_title }}
											</label>
											<label style="float: right;">
												{{ sprintf(__('%d 个回答'), faq_row.story_comment_count) }}
											</label>
										</view>
									</view>
								</view>
							</view>
						</view>
						<view :class="'m-panel m-panel-access m-comment'" v-else>
							<view class="m-panel-hd">{{ __('暂无问答') }}
							</view>
						</view>
						<view :class="'m-panel m-panel-access m-comment'">
							<view class="m-panel-bd">
								<view class="m-media-box m-media-box-appmsg"
									style="padding-top: 16rpx;padding-bottom: 16rpx;">
									<view class="m-media-box-bd">
										<view class="m-media-box-desc">
											<label
												style="padding:6rpx;font-size:20rpx;background-color: #ff6700;color: #fff;">
												{{ __('问大家') }}
											</label>
											<label style="margin-left:10rpx;font-size:20rpx;">
												{{ __('宝贝好不好，问过已买过的人') }}
											</label>
											<navigator :url="'/community/community/post?pid=' + proId"
												class="u-link-btn"
												style="padding: 5px 10px;border: 1px solid #DB384C;font-size: 11px;color: #DB384C;border-radius: 25px;float: right;">
												{{ __('去提问') }}
											</navigator>
										</view>
									</view>
								</view>
							</view>
						</view>
					</block>

				</view>
				<view>
					<view class="m-panel-access m-detail">
						<view class="m-tab">
							<view class="m-navbar">
								<view :class="'m-navbar-item ' + (tapindex==1?'m-navbar-item-on':'')"
									v-if="(ProductInfo.product_detail)" @click="picDetail">
									{{ __('商品详情') }}
								</view>
								<view :class="'m-navbar-item ' + (tapindex==2?'m-navbar-item-on':'')"
									v-if="(ProductInfo.product_extension)" @click="spcParam">
									{{ __('规格参数') }}
								</view>
								<view :class="'m-navbar-item ' + (tapindex==3?'m-navbar-item-on':'')"
									v-if="(ProductInfo.product_param)" @click="packingList">
									{{ __('包装清单') }}
								</view>
								<block v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
									<view :class="'m-navbar-item ' + (tapindex==4?'m-navbar-item-on':'')"
										@click="showFightGroup">
										{{ __('拼团玩法') }}
									</view>
								</block>
								<block v-else>
								</block>
								<view :class="'m-navbar-item ' + (tapindex==5?'m-navbar-item-on':'')"
									v-if="(ProductInfo.product_service)" @click="showServiceTab">
									{{ __('售后服务') }}
								</view>
								<view :class="'m-navbar-item ' + (tapindex==6?'m-navbar-item-on':'')" v-if="(isVoucher)"
									@click="showVoucherTab">
									{{ __('优惠信息') }}
								</view>
							</view>
						</view>
						<view :class="'m-RichText ' + (tapindex==1?'':'hide')" v-if="ProductInfo.product_detail">
							<wxParse :content="ProductInfo.product_detail"
								:imageProp="{lazyLoad:true, mode:'widthFix'}" />
						</view>
						<view :class="'m-RichText ' + (tapindex==2?'':'hide')" v-if="ProductInfo.product_extension">
							<wxParse :content="ProductInfo.product_extension"
								:imageProp="{lazyLoad:true, mode:'widthFix'}" />
						</view>
						<view :class="'m-RichText ' + 'm-Packinglist ' + (tapindex==3?'':'hide')"
							v-if="ProductInfo.product_param">
							<wxParse :content="ProductInfo.product_param"
								:imageProp="{lazyLoad:true, mode:'widthFix'}" />
						</view>
						<view v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)"
							:class="'m-Packinglist ' + (tapindex==4?'':'hide')"
							style="background-color:#fff;font-size:12px;">
							<view class="groupbooking-rule">
								<view class="groupbooking-rule-title">
									<span class="red-dot"></span>{{ __('开团玩法') }}
								</view>
								<view class="groupbooking-rule-line"></view>
								<view class="flex-container">
									<view class="flex-item">
										<image lazy-load class="flex-item-img" src="/static/images/ptg.png" />
										<view>{{ __('开团/参团') }}</view>
									</view>
									<view class="arrow">
										<image lazy-load class="right-arrow" src="/static/images/right_arrow.png" />
									</view>
									<view class="flex-item">
										<image lazy-load class="flex-item-img" src="/static/images/yqhy.png" />
										<view>{{ __('邀请好友') }}</view>
									</view>
									<view class="arrow">
										<image lazy-load class="right-arrow" src="/static/images/right_arrow.png" />
									</view>
									<view class="flex-item">
										<image lazy-load class="flex-item-img" src="/static/images/cg.png" />
										<view>{{ __('拼团完成') }}</view>
									</view>
								</view>

								<view style="font-size:12px;line-height:50rpx;">
									<view style="text-align:left;">
										{{ __('活动时间') }}：{{ $.formatDateTime(ProductInfo.activity_starttime) }} -
										{{ $.formatDateTime(ProductInfo.activity_endtime) }}
									</view>
									<view style="text-align:left;">
										{{ sprintf(__('开团支付后，需在%s天内邀请%s人参团，人数不足自动退款。'), ProductInfo.DayLimit, ProductInfo.UserLimit) }}
									</view>
									<view style="text-align:left;">{{ __('拼团商品会尽快发货。') }}</view>
									<view style="text-align:left;line-height: 20px;" class="highlight">
										<view>{{ __('① 选择商品') }}</view>
										<view>{{ __('② 支付开团或参团') }}</view>
										<view>{{ __('③ 等待好友参团支付') }}</view>
										<view>{{ __('④ 达到人数拼团成功') }}</view>
									</view>
									<view style="text-align:left;">{{ __('如在限定时间内参团人数没达成，系统自动退款。') }}</view>
								</view>

							</view>

						</view>
						<view :class="' m-Packinglist ' + (tapindex==5?'':'hide')" v-if="ProductInfo.product_service">
							<rich-text type="text" :nodes="(ProductInfo.product_service)" />
						</view>
						<view :class="(tapindex==6?'':'hide')">
							<view class="m-coupon-list">
								<block v-if="(voucherList.length>0)">
									<view class="m-coupon-item" v-for="(item, ii) in voucherList" :key="ii">
										<view class="m-coupon-info">
											<view class="m-coupon-text">
												<label>{{ item.activity_name }}</label>
												<text>
													{{
                            sprintf(__('满￥%s 减￥%s'), item.activity_rule.requirement.buy.subtotal, item.activity_rule.voucher.voucher_price)
                          }}{{ item.activity_remark }}
												</text>
												<text>
													{{ sprintf(__('有效日期至：%s'), item.activity_endtime) }}
												</text>
											</view>
											<view class="m-coupon-price">
												<view class="price-content-box ">
													<label>{{ __('￥') }}</label>{{ item.activity_rule.voucher.voucher_price }}
												</view>
											</view>
										</view>
										<view v-if="(0)" @click="receivenowWeixin" :data-cardId="(item.CardId)"
											class="m-coupon-btn" :data-id="(item.Id)"
											:data-isreceive="(item.IsCanReceive)">
											<label :class="'btn-coupon ' + ( item.if_gain ? '' : 'btn-coupon-gray')">{{
                          item.IsCanReceive == 0 ? __('立即领取') : __('已经领取')
                        }}</label>
										</view>
										<view class="m-coupon-btn" @click="doReceive"
											:data-isreceive="(item.if_gain ? '1' : '-1')" :data-id="(item.activity_id)"
											:data-point="(item.activity_rule.requirement.points.needed)">
											<label :class="'btn-coupon ' + ( item.if_gain ? '' : 'btn-coupon-gray')">{{
                          item.if_gain ? __('立即领取') : __('已经领取')
                        }}</label>
										</view>
									</view>

								</block>
								<view class="m-nullcontent" v-else>
									<view class="m-nullpage-middle">
										<label class="iconfont icon-meiyougengduo"></label>
										<view class="m-null-tip">
											<text>{{ __('亲~什么都没有') }}</text>
											<text>{{ __('没有可领的优惠券~') }}</text>
										</view>
									</view>
								</view>
							</view>
							<!--<view class="msk1" v-if="(0)" @click.stop="outertouch">
                        <view class="m-coupon-box" @click.stop="innertouch">
                            <view class="m-coupon-box-top">

                            </view>
                            <view class="m-coupon-box-content">

                                <view class="m-coupon-box-title">
                                    优惠券领取成功
                                    <view class="m-coupon-box-tip">点击右上角分享给好友</view>
                                </view>
                                <scroll-view scroll-y="true" class="m-coupon-box-list">
                                    <view class="m-coupon-box-item" v-for="(Coupons)">
                                        <label>{{item.activity_rule.voucher.voucher_price}}</label>
                                        <text>{{item.activity_name}}</text>
                                    </view>
                                </scroll-view>
                            </view>
                            <view class="m-coupon-box-bottom">

                            </view>
                            <view class="u-close-btn" @click.stop="outertouch">✕</view>
                        </view>
                    </view>-->
						</view>
					</view>
					<view class="m-tips" v-if="(!isChannel)">
						<view class="m-tips-logo">
							<image lazy-load mode="aspectFit" src="/static/images/logo_tech.png"></image>
						</view>
						<view class="m-tips-str">{{ __('商城套件系统提供技术支持') }} {{ versionNumber }}</view>
					</view>
				</view>

				<view class="u-cleanbox" style="height:calc(120rpx + env(safe-area-inset-bottom))"></view>
			</scroll-view>

			<view class="m-footer-btn bottom-safearea" :class="ProductInfo.kind_id != 1201 ? 'm-fg-btn' : ''">
				<block v-if="(ProductInfo.kind_id != 1201)">
					<view class="m-footer-btn-list">
						<view class="m-footer-btn-item" style="width: 50%;" @click="PDCollection"
							:data-id="(ProductInfo.item_id)">
							<view class="m-footer-btn-icon">
								<label
									:class="['iconfont', isCollection?'icon-favoritesfilling':'icon-favorite', isCollection?' highlight ':'']"></label>
							</view>
							<text>{{ isCollection ? __('已收藏') : __('收藏') }}</text>
						</view>
						<view class="m-footer-btn-item" :data-id="(ProductInfo.item_id)"
							:data-name="(store_info.store_name)" :data-keyword="(ProductInfo.keyWord)"
							:data-appid="(AppId)" :data-appurl="(chatUrl)" :data-type="10" @click="tplGoToPage"
							v-if="(chatUrl)" style="width: 50%;">
							<view class="m-footer-btn-icon">
								<!-- #ifdef MP-WEIXIN -->
								<block v-if="1==plantformInfo.kefu_type_id">
									<contact-button size="27" type="default-dark" session-from="weapp"></contact-button>
								</block>
								<!-- #endif -->
								<label class="iconfont icon-more "></label>
							</view>
							<text>{{ __('客服') }}</text>
						</view>

					</view>
					<block v-if="(!ProductInfo.normalStatus)">
						<view class="m-footer-btn-main m-footer-desable" style="width: 70%;">
							{{ __('立即预约') }}
						</view>
						<view class="m-footer-btn-main m-footer-desable" style="width: 70%;">
							{{ __('商品已下架') }}
						</view>
					</block>
					<block v-else-if="(!ProductInfo.if_store)">
						<view class="m-footer-btn-main m-footer-desable" style="width: 70%;">
							{{ __('立即预约') }}
						</view>
						<view class="m-footer-btn-main m-footer-desable" style="width: 70%;">
							{{ __('库存不足') }}
						</view>
					</block>
					<block v-else>
						<view v-if="(ProductInfo.SpecLst.length>0)" class="m-footer-btn-main m-now" style="width: 70%;"
							@click="ckselectsp1">
							{{ __('立即预约') }}
						</view>
						<view v-else class="m-footer-btn-main m-now" style="width: 70%;" @click.stop="buynow">
							{{ __('立即预约') }}
						</view>
						<!--<view v-if="(ProductInfo.SpecLst.length>0)" class="m-footer-btn-main" @click="ckselectsp">
			      {{__('加入购物车')}}
			    </view>
			    <view v-else class="m-footer-btn-main" @click.stop="addCart">
			      {{__('加入购物车')}}
			    </view>-->
					</block>
				</block>
				<block v-else>
					<view class="m-footer-btn-list">
						<view class="m-footer-btn-item" @click="PDCollection" :data-id="(ProductInfo.item_id)"
							v-if="(!chatUrl)">
							<view class="m-footer-btn-icon">
								<label
									:class="['iconfont', isCollection?'icon-favoritesfilling':'icon-favorite', isCollection?'highlight ':'']"></label>
							</view>
							<text>{{ isCollection ? __('已收藏') : __('收藏') }}</text>
						</view>
						<block v-if="imEnable">
							<view class="m-footer-btn-item" :data-id="(proId)" :data-name="(store_info.store_name)"
								:data-keyword="(ProductInfo.keyWord)" :data-appid="(AppId)" :data-appurl="(chatUrl)"
								:data-type="10" @click="tplGoToPage" v-if="(chatUrl)">
								<view class="m-footer-btn-icon">
									<!-- #ifdef MP-WEIXIN -->
									<block v-if="1==plantformInfo.kefu_type_id">
										<contact-button size="27" type="default-dark"
											session-from="weapp"></contact-button>
									</block>
									<!-- #endif -->
									<label class="iconfont icon-more "></label>
								</view>
								<text>{{ __('客服') }}</text>
							</view>
						</block>
						<view data-url="/pages/cart/cart" class="m-footer-btn-item" style="margin-right: 14rpx;"
							@click="goTabBar">
							<view class="m-footer-btn-icon">
								<label class="iconfont icon-cart "></label>
								<uni-badge v-if="cartNum>0" :text="cartNum" type="danger"></uni-badge>
							</view>
							<text>{{ __('购物车') }}</text>
						</view>
					</view>
					<block v-if="(!ProductInfo.normalStatus)">
						<view class="m-footer-btn-main m-footer-desable m-footer-btn-main-left">
							{{ __('立即购买') }}
						</view>
						<view class="m-footer-btn-main m-footer-desable m-footer-btn-main-right">
							{{ __('商品已下架') }}
						</view>
					</block>
					<block v-else-if="(!ProductInfo.if_store)">
						<view class="m-footer-btn-main m-footer-desable m-footer-btn-main-left">
							{{ __('立即购买') }}
						</view>
						<view class="m-footer-btn-main m-footer-desable m-footer-btn-main-right">
							{{ __('库存不足') }}
						</view>
					</block>
					<block v-else>
						<block v-if="ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING">
							<view v-if="true" class="m-footer-btn-main m-footer-btn-main-left" :data-type="1"
								@click="ckselectsp">
								{{ __('加入购物车') }}
							</view>
							<view v-if="(ProductInfo.SpecLst.length>0)"
								class="m-footer-btn-main m-footer-btn-main-right m-now" @click="ckselectsp1">
								{{ isJoin ? __('立即参团') : __('发起拼团') }}
							</view>
							<view v-else class="m-footer-btn-main m-footer-btn-main-right m-now"
								@click.stop="immediatelyGroupbooking">
								<!-- 不需要选择数量使用： buynow -->
								{{ isJoin ? __('立即参团') : __('发起拼团') }}
							</view>
						</block>
						<block v-else>
							<view class="m-footer-btn-main m-footer-btn-main-left" @click="ckselectsp">
								{{ __('加入购物车') }}
							</view>
							<view v-if="(ProductInfo.SpecLst.length>0)"
								class="m-footer-btn-main m-footer-btn-main-right m-now" @click="ckselectsp1">
								{{ __('立即购买') }}
							</view>
							<view v-else class="m-footer-btn-main m-footer-btn-main-right m-now"
								@click.stop="ckselectsp1">
								<!-- 不需要选择数量使用： buynow -->
								{{ __('立即购买') }}
							</view>
						</block>
					</block>
				</block>
			</view>

			<view :class="'m-panel-sp ' + (selectsp==0?'hide':'') " @click.stop="closesp">
				<view :class="'m-panel-sp-content ' + (selectct==0?'bounceOutDown animated':'bounceInUp animated')"
					@click.stop>
					<view class="m-panel-sp-pinfo">
						<view class="m-panel-sp-pimg">
							<image lazy-load :src="(selectimg||ProductInfo.productPicList[0].path)" />
						</view>
						<view class="m-panel-sp-pname">
							<view class="m-pprice"
								v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
								<text style="font-size: 12px;">{{ __('￥') }}</text>
								{{ number_format(ProductInfo.itemSalePrice, 2) }}
							</view>
							<view class="m-pprice"
								v-if="(ProductInfo.activity_type_id != StateCode.ACTIVITY_TYPE_GROUPBOOKING)">

								<block v-if="ProductInfo.showPrice">
									<text style="font-size: 12px;">{{ __('￥') }}</text>
									{{ number_format(ProductInfo.itemSalePrice, 2) }}
								</block>

								<block v-if="ProductInfo.item_unit_points">
									<text style="margin-left: 20rpx;font-size: 22rpx;">+
										<text style="font-size:16px">{{ ProductInfo.item_unit_points }}</text>
										{{ __('积分') }}
									</text>
								</block>

								<block v-if="ProductInfo.item_unit_sp">
									<text style="margin-left: 20rpx;font-size: 22rpx;">+
										<text style="font-size:16px">{{ ProductInfo.item_unit_sp }}</text>
										{{ __('众宝') }}
									</text>
								</block>
							</view>

							<view class="m-pstock" v-if="true">
								{{
                  sprintf(__('库存%s件'), ProductInfo.if_store ? ProductInfo.item_row.item_quantity - ProductInfo.item_row.item_quantity_frozen : 0)
                }}
							</view>

							<view v-if="(ProductInfo.SpecLst.length)" class="m-pspec">{{ __('已选：') }}
								<block v-for="(items, i) in ProductInfo.SpecLst" :key="i">
									<!-- #ifdef H5 -->
									<block v-for="(item, ii) in items.svLst" :key="i + '_' + ii">
										<span v-if="(item.IsChecked)" style="margin-left: 4rpx;">{{ item.Name }}</span>
									</block>
									<!-- #endif -->
									<!-- #ifndef H5 -->
									<block v-for="(item, ii) in items.svLst" :key="ii">
										<span v-if="(item.IsChecked)" style="margin-left: 4rpx;">{{ item.Name }}</span>
									</block>
									<!-- #endif -->
								</block>
							</view>
						</view>
						<view class="uni-icon uni-icon-closeempty m-panel-sp-icon" color="#888" @click="closesp"></view>
					</view>
					<scroll-view class="m-panel-sp-listbox" scroll-y="true" style="max-height: 750rpx;">
						<block v-if="b2bFlag && ProductInfo.product_spec.length>0">
							<view class="m-panel-sp-listbox-item">
								<view v-if="(ProductInfo.product_spec[0])" style="display: flex;flex-wrap: wrap;">
									<text style="width: 100%;">{{ ProductInfo.product_spec[0].name }}</text>
									<block v-for="(items, key1) in ProductInfo.product_spec[0].item" :key="key1">
										<view class="m-panel-sp-labellist1">
											<!-- {{key1}}
											{{ProductInfo.product_spec[0].item}}
											{{typeof(ProductInfo.item_spec[key1])}}  :data-unit_id="ProductInfo.item_spec[key1].id"-->
											<label
												:class="items.select ? 'm-panel-sp-sellabel' : 'm-panel-sp-sellabel-no'"
												@click="selectS(items, key1, items.name, $event)"
												:data-ckid="items.select ? ProductInfo.SpecLst[0].svLst[key1].Id : items.id"
												:data-unit_id="1" :data-spid="items.id"
												:data-enable="(ProductInfo.spec_item_map[items.id])">{{ items.name }}</label>
											<!-- ckid-颜色id  unitid-规格id  spid 规格商品id-->
										</view>
										<view class="m-panel-sp-labellist"
											:class="items.select ? 'm-panel-sp-labellist' : 'm-panel-sp-labellist2'">
										</view>
									</block>
								</view>
								<block v-for="(item, ii) in productUniqid" :key="ii">
									<label
										:class="item[6] == color ? 'm-panel-sp-sellabel m-ys' : 'm-panel-sp-sellabel1 m-ys'"
										style="width:94%;float:left;height:50rpx;line-height:50rpx;overflow:hidden;padding-left:10rpx;">
										{{ item[4] }}
										<view class="u-cart-num" style="margin-top:-6rpx;float:right">
											<view class="example-body" style="height:100%">
												<uni-number-box :min="0" :max="item[2]" :value="numberValue" :id="ii"
													@change="changes($event, ii)" />
											</view>
										</view>
										<text
											style="float:right">{{ sprintf(__('库存%s件'), item[2] ? item[2] : 0) }}</text>
									</label>
								</block>
							</view>
						</block>
						<block v-for="(items, key1) in ProductInfo.SpecLst" :key="key1" v-else>
							<view class="m-panel-sp-listbox-item">
								<view class="m-cells-title">{{ items.Name }}</view>
								<view class="m-panel-sp-labellist" style="display: flex;flex-wrap: wrap;">
									<text style="width: 100%;">{{ ProductInfo.product_spec[key1].name }}</text>
									<block v-for="(item, ii) in items.svLst" :key="key1 + '_' + ii">
										<block v-if="(ProductInfo.product_spec_image_row[item.Id])">
											<view class="spec-info" :class="item.IsChecked ? 'spec-checked' :''">
												<view
													style="background-color: #fff;border-radius: 12rpx 12rpx 0 0;position: relative;">
													<image lazy-load class="spec-image" mode="aspectFill"
														:src="ProductInfo.product_spec_image_row[item.Id]"
														:data-ckid="items.ckid" :data-unit_id="items.unit_id"
														:data-spid="item.Id"
														:data-enable="ProductInfo.spec_item_map[item.Id]"
														@click.stop="selectSpec" />
													<image
														src=""
														style="width: 40rpx;height: 42rpx;position: absolute;top:16rpx;right:20rpx;"
														:data-src="ProductInfo.product_spec_image_row[item.Id]"
														@click.stop="previewProductImg"></image>
												</view>

												<view class="spec-info-name" :data-ckid="items.ckid"
													:data-unit_id="items.unit_id" :data-spid="item.Id"
													:data-enable="ProductInfo.spec_item_map[item.Id]"
													@click.stop="selectSpec">
													{{ item.Name }}
												</view>
											</view>

										</block>
										<block v-else>
											<label v-if="item.IsChecked"
												class="m-panel-sp-sellabel">{{ item.Name }}</label>
											<label v-else :data-ckid="items.ckid" :data-unit_id="items.unit_id"
												:data-spid="item.Id" :data-enable="ProductInfo.spec_item_map[item.Id]"
												:class="ProductInfo.spec_item_map[item.Id] ? ' ' : 'item_disabled'"
												@click.stop="selectSpec">
												{{ item.Name }}
											</label>
										</block>
									</block>
								</view>
							</view>
						</block>

						<!-- <view style="height:96rpx;width:100%;"></view> -->
					</scroll-view>
					<view style="height:calc(140rpx + env(safe-area-inset-bottom))"></view>
					<view
						:class="['m-m-panel-sp-btn', (ProductInfo.if_store && ProductInfo.normalStatus) ? '' : 'm-footer-desable']">
						<view class="m-pprice"
							style="width:50%;float:left;height:100rpx;line-height:100rpx;text-align:center"
							v-if="b2bFlag && ProductInfo.product_spec.length>0">
							{{ __('￥') }}{{ number_format(price, 2) }}&nbsp;&nbsp;&nbsp;&nbsp;{{ __('数量:') }}
							{{ quantity }}
						</view>
						<view class="m-m-panel-sp-lbtn"
							:style="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING&&false?'display:none':'')"
							v-else>
							<view style="width: 100rpx">{{ __('数量') }}</view>
							<view class="u-cart-num" style="margin-top:10rpx">
								<view class="u-num-btn" @click.stop="sub">-</view>
								<input type="number" v-model="numval" @blur="writenum" />
								<view class="u-num-btn" @click.stop="add">+</view>
							</view>
						</view>

						<block v-if="(ProductInfo.activity_type_id == StateCode.ACTIVITY_TYPE_GROUPBOOKING)">
							<view v-if="(!ProductInfo.normalStatus)"
								class="m-m-panel-sp-rbtn m-footer-btn-main-right m-footer-desable" style="width:100%">
								{{ __('商品已下架') }}
							</view>
							<view v-else-if="(!ProductInfo.if_store)"
								class="m-m-panel-sp-rbtn m-footer-btn-main-right m-footer-desable" style="width:100%">
								{{ __('库存不足') }}
							</view>
							<block v-else>
								<view v-if="(addCartFlag)" class="m-m-panel-sp-rbtn m-footer-btn-main-right"
									style="width:100%" @click.stop="addCart">
									{{ __('加入购物车') }}
								</view>
								<view class="m-m-panel-sp-rbtn m-footer-btn-main-right" style="width:100%"
									@click.stop="immediatelyGroupbooking" v-else-if="(!isJoin)">
									{{ __('立即开团') }}
								</view>
								<view class="m-m-panel-sp-rbtn m-footer-btn-main-right" style="width:100%"
									@click.stop="immediatelyGroupbooking" v-else-if="(isJoin)">
									{{ __('立即参团') }}
								</view>
							</block>
						</block>
						<block v-else>
							<view v-if="(!ProductInfo.normalStatus)"
								class="m-m-panel-sp-rbtn m-footer-btn-main-right m-footer-desable" style="width:100%">
								{{ __('商品已下架') }}
							</view>
							<view v-else-if="(!ProductInfo.if_store)"
								class="m-m-panel-sp-rbtn m-footer-btn-main-right m-footer-desable" style="width:100%">
								{{ __('库存不足') }}
							</view>
							<block v-else-if="ProductInfo.kind_id != 1201">
								<view class="m-m-panel-sp-rbtn m-footer-btn-main-right" @click.stop="buynow"
									v-if="(addCartFlag)">
									{{ __('立即预约') }}
								</view>
							</block>
							<block v-else>
								<view v-if=" (addCartFlag)" class="m-m-panel-sp-rbtn m-footer-btn-main-right"
									@click.stop="addCart">
									{{ __('加入购物车') }}
								</view>
								<view class="m-m-panel-sp-rbtn  m-footer-btn-main-right" @click.stop="buynow"
									v-else-if="(buyFlag)">
									<label v-if="ProductInfo.kind_id != 1201">{{ __('立即预约') }}</label>
									<label v-else>{{ __('立即购买') }}</label>
								</view>
							</block>
						</block>
					</view>
				</view>
			</view>
		</block>
		<view class="m-nullpage" v-else>
			<view class="m-nullpage-middle" v-if="loaded">
				<label class="iconfont icon-meiyougengduo"></label>
				<view class="m-null-tip">
					<text>{{ __('什么都没有！') }}</text>
				</view>
			</view>
			<view class="m-nullpage-middle" v-else>
				<loading></loading>
			</view>
		</view>

		<!-- 弹出层 -->
		<uni-popup v-if="true" ref="popup" type="center">
			<block v-if="activityTypeId == StateCode.ACTIVITY_TYPE_GIFTBAG">
				<view class="uni-banner giftbag" v-if="ProductInfo.giftbag_items"
					style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;width: 680rpx;height:700rpx;padding:26rpx;">
					<label class="activity-title">{{ ProductInfo.activity_name }}</label>
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H" v-for="(g_b_item,i) in ProductInfo.giftbag_items" :key="i">
							<view>
								<view hover-class="none" :data-pid="(g_b_item.item_id)"
									:data-state="(g_b_item.product_state_id)">
									<view class="product-l-img">
										<image style="width:100%;height:100%" :src="g_b_item.product_image" />
									</view>

									<view class="product-l-price">
										<view class="product_name">
											<label>{{ g_b_item.product_name }}</label>
										</view>
										<view class="m-project-tips" v-if="false">
											<label>X{{ (g_b_item.activity_item_num) }}</label>
										</view>
										<view class="price-new" style="color:#c0a080;">
											<label>{{ __('￥') }}{{ number_format(g_b_item.item_unit_price, 2) }}</label>
											<label style="margin-left: 10rpx">x
												{{ (g_b_item.activity_item_num) }}</label>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>

					<view class="gift-rule">
						{{ __('套餐内包含以上商品，原价共 ') }}<span
							class="ap">{{ number_format(ProductInfo.activity_activity_rule.giftbag.subtotal, 2) }}</span>{{ __(' 元，组合购买价 ') }}<span
							class="ap">{{ ProductInfo.activity_activity_rule.giftbag.giftbag_amount }}</span>{{ __(' 元，可省去 ') }}<span
							class="ap">{{number_format(ProductInfo.activity_activity_rule.giftbag.subtotal - ProductInfo.activity_activity_rule.giftbag.giftbag_amount, 2)}}</span>
						{{ __(' 元') }}
					</view>

					<view class="go_buy">
						<button type="warn" class="mini-btn" @click="goGiftBag"
							style="border-radius:7px!important;line-height:96rpx;height: 48px;background:#2c394d;font-size:18px;width: 100%;">
							{{ __('立即购买') }}
						</button>
					</view>
				</view>
			</block>


			<block v-if="activityTypeId == StateCode.ACTIVITY_TYPE_CUTPRICE">
				<view class="uni-banner giftbag" v-if="ProductInfo.cutprice_items"
					style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;width: 680rpx;height:700rpx;padding:26rpx;">
					<label class="activity-title">{{ ProductInfo.activity_name }}</label>
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H" v-for="(g_b_item,i) in ProductInfo.cutprice_items" :key="i">
							<view>
								<view hover-class="none" :data-pid="(g_b_item.item_id)"
									:data-state="(g_b_item.product_state_id)">
									<view class="product-l-img">
										<image style="width:100%;height:100%" :src="g_b_item.product_image" />
									</view>

									<view class="product-l-price">
										<view class="product_name">
											<label>{{ g_b_item.product_name }}</label>
										</view>
										<view class="m-project-tips">
											<label>X{{ (g_b_item.activity_item_num) }}</label>
										</view>
										<view class="price-new" style="color:#c0a080;">
											<label>{{ __('￥') }}{{ number_format(g_b_item.item_unit_price, 2) }}</label>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>

					<view class="gift-rule">
						{{ __('套餐内包含以上商品，原价共 ') }}<span
							class="ap">{{ number_format(ProductInfo.activity_activity_rule.cutprice.subtotal, 2) }}</span>{{ __(' 元，砍价最低价 ') }}<span
							class="ap">{{ number_format(ProductInfo.activity_activity_rule.cutprice.cut_down_min_limit_price, 2) }}</span>{{ __(' 元，组多可省去 ') }}<span
							class="ap">{{number_format(ProductInfo.activity_activity_rule.cutprice.subtotal - ProductInfo.activity_activity_rule.cutprice.cut_down_min_limit_price, 2) }}</span>
						{{ __(' 元') }}
					</view>

					<view class="go_buy">
						<button type="warn" class="mini-btn" @click="goCutprice"
							style="border-radius:7px!important;line-height:96rpx;height: 48px;background:#2c394d;font-size:18px;width: 100%;">
							{{ __('发起砍价') }}
						</button>
					</view>
				</view>
			</block>

			<block v-if="activityTypeId == StateCode.ACTIVITY_TYPE_GIFT">
				<view class="uni-banner giftbag" v-if="ProductInfo.gift_rows"
					style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;width: 680rpx;height:700rpx;padding:26rpx;">
					<label class="activity-title">{{ ProductInfo.activity_name }}</label>
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H" v-for="(g_item,i) in ProductInfo.gift_rows" :key="i">
							<view>
								<view hover-class="none" :data-pid="(g_item.item_id)"
									:data-state="(g_item.product_state_id)">
									<view class="product-l-img">
										<image style="width:100%;height:100%" :src="g_item.product_image" />
									</view>

									<view class="product-l-price">
										<view class="product_name">
											<label>{{ g_item.product_name }}</label>
										</view>
										<view class="m-project-tips">
											<label></label>
										</view>
										<view class="price-new" style="color:#c0a080;">
											<label>{{ __('￥') }}{{ number_format(g_item.item_unit_price, 2) }}</label>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>
					<block v-if="ProductInfo.activity_activity_rule.activity_join_mode == 1">
						<view class="gift-rule" v-for="(rule,r) in ProductInfo.activity_activity_rule.rule" :key="r">
							<!--按数量-->
							{{ sprintf(__('当前商品购买%s件，赠送以上商品自选最多%s件'), rule.total, rule.max_num) }}
						</view>
					</block>

					<block v-else>
						<view class="gift-rule" v-for="(rule,r) in ProductInfo.activity_activity_rule.rule" :key="r">
							<!--按数量-->
							{{ sprintf(__('当前商品购买满%s元，赠送以上商品自选最多%s件'), rule.total, rule.max_num) }}
						</view>
					</block>
				</view>
			</block>


			<block v-if="activityTypeId == StateCode.ACTIVITY_TYPE_REDUCTION">
				<view class="uni-banner giftbag" v-if="ProductInfo.reduction_item_data"
					style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;width: 680rpx;padding:26rpx;">
					<label class="activity-title">{{ ProductInfo.activity_name }}</label>
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H" v-if="ProductInfo.reduction_item_data"
							v-for="(reduction_again_item,i) in ProductInfo.reduction_item_data" :key="i">
							<view>
								<view hover-class="none" :data-pid="(reduction_again_item.item_id)"
									:data-state="(reduction_again_item.product_state_id)">
									<view class="product-l-img">
										<image style="width:100%;height:100%"
											:src="reduction_again_item.product_image" />
									</view>

									<view class="product-l-price">
										<view class="product_name">
											<label>{{ reduction_again_item.product_name }}</label>
										</view>
										<view class="price-new" style="color:#c0a080;">
											<label>{{ __('￥') }}{{ number_format(reduction_again_item.item_unit_price, 2) }}</label>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>

					<view class="gift-rule">
						<view v-if="ProductInfo.reduction_rule" v-for="(rule_items, i) in ProductInfo.reduction_rule"
							:key="i">
							满<span class="ap">{{ rule_items.total }}</span>元，可省去<span
								class="ap">{{ rule_items.max_num }}</span>元
						</view>
					</view>

				</view>
			</block>

			<block v-if="activityTypeId == StateCode.ACTIVITY_TYPE_MULTIPLEDISCOUNT">
				<view class="uni-banner giftbag" v-if="ProductInfo.multiplediscount_items"
					style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;width: 680rpx;padding:26rpx;">
					<label class="activity-title">{{ ProductInfo.activity_name }}</label>
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H" v-if="ProductInfo.multiplediscount_items"
							v-for="(multiplediscount_items_item,i) in ProductInfo.multiplediscount_items" :key="i">
							<view>
								<view hover-class="none" :data-pid="(multiplediscount_items_item.item_id)"
									:data-state="(multiplediscount_items_item.product_state_id)">
									<view class="product-l-img">
										<image style="width:100%;height:100%"
											:src="multiplediscount_items_item.product_image" />
									</view>

									<view class="product-l-price">
										<view class="product_name">
											<label>{{ multiplediscount_items_item.product_name }}</label>
										</view>
										<view class="price-new" style="color:#c0a080;">
											<label>{{ __('￥') }}{{ number_format(multiplediscount_items_item.item_unit_price, 2) }}</label>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>

					<view class="gift-rule">
						<view v-if="ProductInfo.activity_activity_rule.rule"
							v-for="(rule_items, i) in ProductInfo.activity_activity_rule.rule" :key="i">
							购买活动任意产品满 <span class="ap"> {{ rule_items.num }} </span> 件，可打 <span class="ap">
								{{ rule_items.percent / 10 }} </span> 折
						</view>
					</view>

				</view>
			</block>
			<block v-if="activityTypeId == StateCode.ACTIVITY_TYPE_REDUCTION_AGAIN">
				<view class="uni-banner giftbag" v-if="ProductInfo.reduction_again !== undefined"
					style="box-shadow: 2px 9px 11px #001;background:#FFFFFF;border-radius: 7px;width: 680rpx;padding:26rpx;">
					<label class="activity-title">{{ ProductInfo.activity_name }}</label>
					<scroll-view class="scroll-view_H" scroll-x="true">
						<view class="scroll-view-item_H"
							v-for="(reduction_again_item,i) in ProductInfo.reduction_again.items" :key="i">
							<view>
								<view hover-class="none" :data-pid="(reduction_again_item.item_id)"
									:data-state="(reduction_again_item.product_state_id)">
									<view class="product-l-img">
										<image style="width:100%;height:100%"
											:src="reduction_again_item.product_image" />
									</view>

									<view class="product-l-price">
										<view class="product_name">
											<label>{{ reduction_again_item.product_name }}</label>
										</view>
										<view class="price-new" style="color:#c0a080;">
											<label>{{ __('￥') }}{{ number_format(reduction_again_item.item_unit_price, 2) }}</label>
										</view>
									</view>
								</view>
							</view>
						</view>
					</scroll-view>

					<view class="gift-rule">
						<view v-for="(rule_items, i) in ProductInfo.reduction_again.rule" :key="i">
							满<span class="ap">{{ rule_items.total }}</span>元，可省去<span
								class="ap">{{ rule_items.max_num }}</span>元
						</view>
					</view>

				</view>
			</block>


		</uni-popup>

		<view :class="'m-panel-sp ' + (shareBoxFlag==0?'hide':'') " @click.stop="closeNativeShare">
			<view :class="'m-panel-sp-content ' + (shareContetnFlag==0?'bounceOutDown animated':'bounceInUp animated')"
				@click.stop>
				<view class="page-body">
					<!-- #ifdef APP-PLUS -->
					<view class="btn-area" v-if="providerList.length > 0">
						<block v-for="(value,index) in providerList" :key="index">
							<button type="primary" v-if="value" :disabled="shareType === 5 && value.name !== '分享到微信好友'"
								@tap="share(value)">{{ value.name }}
							</button>
						</block>
					</view>
					<!-- #endif -->
					<!-- #ifdef MP-WEIXIN -->
					<view class="btn-area">
						<button type="primary" open-type="share">{{ __('分享') }}</button>
					</view>
					<!-- #endif -->

					<view class="uni-icon uni-icon-closeempty m-panel-sp-icon" color="#888" @click="closeNativeShare">
					</view>
				</view>
			</view>
		</view>

		<!-- #ifdef APP-PLUS -->
		<share-box-app :shareDataDefault="shareData" ref="shareBoxApp"></share-box-app>
		<!-- #endif -->

		<!-- #ifdef H5 -->
		<share-box-h5 :shareDataDefault="shareData" ref="shareBoxH5"></share-box-h5>
		<!-- #endif -->

		<!-- #ifndef APP-PLUS -->
		<share-box-mp :shareDataDefault="shareData" @cancelShare="cancelShare" @showCodeImg="showCodeImg"
			@shareQRCode="shareQRCode" @saveImg="saveImg" ref="shareBoxMp"></share-box-mp>
		<!-- #endif -->

		<!--   <liu-customize-sel ref="mpvueCityPicker" :pickerValueDefault="cityPickerValueDefault"
                       @change='onDistrictConfirm'></liu-customize-sel> -->

		<l-painter useCORS @success="createPoster($event)" isCanvasToTempFilePath ref="painter" path-type="url"
			custom-style="position: fixed; left: 200%"></l-painter>
	</view>
</template>

<script>
	import uniPopup from "@/components/uni-popup/uni-popup.vue"
	import wxParse from '@/components/u-parse/u-parse.vue'

	import shareBoxMp from '@/components/share-box-mp.vue'
	import shareBoxApp from '@/components/share-box-app.vue'
	import shareBoxH5 from '@/components/share-box-h5.vue'

	import headerNavMenu from '@/components/header-nav-menu.vue'

	import uniBadge from '@/components/uni-badge.vue';
	import uniNumberBox from '@/components/uni-number-box/uni-number-box.vue';
	import uniTag from '@/components/uni-tag/uni-tag.vue';
	import loading from '@/components/loading.vue'
	import {
		mapMutations,
		mapState
	} from 'vuex'

	function getNowFormatDate() {
		var e = new Date,
			t = "-",
			n = e.getMonth() + 1,
			r = e.getDate();
		n >= 1 && n <= 9 && (n = "0" + n), r >= 0 && r <= 9 && (r = "0" + r);
		var i = e.getFullYear() + t + n + t + r;
		return i
	}

	var intervalDate;
	var intervalPt;
	var intervalCt;
	var intervalTimeAct;

	export default {
		data() {
			return {
				changjiaid: null,
				guigeid: null,
				numberValue: 0,
				b2bFlag: 0,
				imEnable: 0,
				proIds: [],
				productUniqid: [],
				ss: [
					"ss1",
					"ss2",
					"ss3",
					"ss4",
					"ss5"
				],
				color: '',
				message_path: '',
				price: 0,
				quantity: 0,

				options: {},
				isMore: false,
				selectsp: 0,
				selectct: 0,
				proId: 0,
				splist: [],
				splistStr: [],
				numval: 1,
				stock: 1,
				inputval: 1,
				skuId: 0,
				selectimg: "",
				pname: "",
				desc: "",
				isCollection: false,
				activityTypeId: 0,
				gbId: 0, //页面所属团编号
				eventGbId: 0, //快速选择参团的临时团编号。
				parameters: [],
				acticity_ids: [],
				isdata: false,
				loaded: false,
				tapindex: 1,
				isChannel: true,
				gbRows: [],
				isAll: false,

				ProductInfo: {
					acticity_id: 0,
					productPicList: [],
					activity_base_row: {}
				},


				last_comment: {},
				last_comments: [],
				analytics_row: {},
				contracts: [], //服务


				store_product_list: [],
				store_product_num: 0,
				faq_rows: [],
				store_info: {},
				chain_rows: [],
				Coupons: [],
				isCancelSuccess: true,
				isCancel: true,
				CouponAmount: 0,
				user_is_new: 0,
				addCartFlag: false, //{{__('加入购物车')}}标记
				buyFlag: false, //{{__('立即购买')}}标记
				isVoucher: false,
				virtual_flag: false,
				versionNumber: "",
				CashData: {},
				PageQRCodeInfo: {
					Path: "",
					IsShare: false,
					IsShareBox: false,
					IsJT: false
				},
				isModified: true,
				timer: null,
				days: "",
				hours: "",
				minutes: "",
				seconds: "",
				isShare: true,
				if_saas_status: false,
				isStoreFlag: 0, //店铺内打开
				voucherList: [],

				AppId: '',
				chatUrl: '',

				isJoin: false,

				ispage: false,

				shareData: {
					shareText: '随商商城系统，支持原生App、微信小程序，邀请你一起体验！',
					shareTitle: '随商商城系统，支持原生App、微信小程序，邀请你一起体验！',
					href: "https://www.suteshop.com",
					image: '',
					price: 0
				},

				shareText: '随商商城系统，支持原生App、微信小程序，邀请你一起体验！',
				shareTitle: '随商商城系统，支持原生App、微信小程序，邀请你一起体验！',
				href: "https://www.suteshop.com",
				image: '',

				shareBoxFlag: 0,
				shareContetnFlag: 0,

				shareType: 0,
				providerList: [],

				wholesale_policy_rows: [],
				scposition: 0,
				old: {
					scposition: 0
				},
				isnav: true,
				screenHeight: 0,
				isquicknav: false,


				Id: 0,
				needed_point: 0,


				cityPickerValueDefault: [0, 0, 0],
				themeColor: '#007AFF',
				product_freight_info: {
					content: "",
					district_info: "上海市/上海市",
					if_store: false
				},

				latitude: '',
				longitude: '',
				is_chain: 0,

				currentSwipperImageIndex: 1,

				//BEGIN 生成海报参数
				productPoster: '',
				show: false,
				poster: {
					css: {
						width: "750rpx",
						height: '1334rpx',
						background: '#fff'
					},
					views: [{
							type: "image",
							src: "https://kuteshop.oss-accelerate.aliyuncs.com/modulithshop/image/media/plantform/20230915/c9ef027ff64d4cd1b81c7c521f565524.jpg",
							css: {
								left: '0rpx',
								top: '0rpx',
								width: '750rpx',
								height: '1334rpx',
								position: "fixed"
							}
						}, {
							type: "image",
							src: "商品图片",
							css: {
								left: '20rpx',
								top: '20rpx',
								width: '710rpx',
								height: '710rpx',
								position: "fixed"
							}
						},
						{
							type: 'text',
							text: '商品名称',
							css: {
								maxLines: 2,
								lineClamp: 2,
								width: '680rpx',
								left: '35rpx',
								top: '770rpx',
								fontSize: '28rpx',
								color: '#333',
								lineHeight: '50rpx',
								position: "fixed"
							}
						},
						{
							type: 'text',
							text: '¥0',
							css: {
								width: '680rpx',
								left: '35rpx',
								top: '890rpx',
								fontSize: '38rpx',
								color: '#E50F41',
								position: "fixed"
							}
						}, {
							type: "qrcode",
							text: "二维码",
							css: {
								left: '35rpx',
								top: '990rpx',
								width: '260rpx',
								height: '260rpx',
								position: "fixed"
							}
						}, {
							type: 'text',
							text: '长按保存或扫码查看',
							css: {
								position: "fixed",
								left: '60rpx',
								top: '1270rpx',
								fontSize: '20rpx',
								color: '#999'
							}
						}
					]
				},
				//END 商品海报信息

			}
		},
		metaInfo() {
			return {
				meta: [{
						name: 'og:url',
						content: this.$.sprintf('%s/pagesub/product/detail?id=%d&uid=%d', this.Config.SiteUrl, this
							.proId, this.userInfo.user_id)
					},
					{
						name: 'og:type',
						content: "article"
					},
					{
						name: 'og:title',
						content: this.pname
					},
					{
						name: 'og:description',
						content: this.desc || this.pname
					},
					{
						name: 'og:image',
						content: this.ProductInfo.productPicList.length ? this.ProductInfo.productPicList[0].path : ''
					},
				],

				title: this.pname
			}
		},
		components: {
			shareBoxMp,
			shareBoxApp,
			shareBoxH5,
			uniBadge,
			wxParse,
			uniTag,
			uniNumberBox,
			loading,
			headerNavMenu,
			uniPopup,
		},
		computed: {
			...mapState(['Config', 'StateCode', 'notice', 'plantformInfo', 'shopInfo', 'userInfo', 'hasLogin', 'cartNum']),
			nav_nemu: function() {
				return [{
						url: '/pages/index/index',
						type: 'switchTab',
						icon: 'zc-dianpu',
						name: this.__('首页')
					},
					{
						url: '/member/member/message',
						type: 'navigate',
						icon: 'zc-zaixian-im',
						name: this.__('消息')
					},
					{
						url: '/member/member/favorites',
						type: 'navigate',
						icon: 'zc-shoucang11',
						name: this.__('我的收藏')
					},
					{
						url: '/member/member/browse',
						type: 'navigate',
						icon: 'zc-zuji',
						name: this.__('浏览记录')
					},
				];
			},
		},
		async onLoad(options) {
			await this.$onLaunched;

			uni.setNavigationBarTitle({
				title: this.__('商品详情')
			});

			var that = this;

			if (options.scene) {
				var scene = decodeURIComponent(options.scene);
				var opts = {};

				opts = that.$.parse_str(scene);

				options = Object.assign(options, opts);
			}

			that.$.getSystemInfo({
				success: function(t) {
					that.setData({
						screenHeight: t.screenHeight
					})
				}
			})

			this.setData({
				options: options,
				isStoreFlag: options.is_store_flag ? parseInt(options.is_store_flag) : 0,
				if_saas_status: this.Config.SAAS_STATUS,
			})

			options.pid = options.pid || options.id

			that.InitData(options);
			that.initProduct(false);

			this.getPlantformInfo(function(plantformInfo) {
				that.poster.views[0].src = plantformInfo.product_poster_bg;
				that.setData({
					//b2bFlag: plantformInfo.b2b_flag,
					imEnable: plantformInfo.im_enable
				})
				let district_list = uni.getStorageSync('district_list');

				if (district_list) {
					that.cityPickerValueDefault = district_list.split(',').map(Number)
				} else {
					that.cityPickerValueDefault = plantformInfo.default_shipping_district.split(',').map(
						Number)
				}

				//that.cityPickerValueDefault = [110000, 110100, 110101]
			});

		},
		onShareAppMessage() {
			// #ifdef MP-WEIXIN
			wx.showShareMenu({
				withShareTicket: true,
				menus: ['shareAppMessage', 'shareTimeline']
			});
			// #endif

			return {
				imageUrl: this.ProductInfo.productPicList[0].path,
				title: this.pname,
				path: "/pagesub/product/detail?id=" + this.proId + "&uid=" + this.userInfo.user_id
			}
		},
		/**
		 * 用户点击右上角分享朋友圈
		 */
		onShareTimeline: function() {
			return {
				title: this.pname,
				query: {
					uid: this.userInfo.user_id,
					pid: this.proId
				},
				imageUrl: this.ProductInfo.productPicList[0].path,
			}
		},
		onBackPress() {

			// if (this.$refs.mpvueCityPicker.showPicker) {
			//   //this.$refs.mpvueCityPicker.pickerCancel();
			//   return true;
			// }

			// #ifdef APP-PLUS
			if (this.$refs.shareBoxApp.showBoxView) {
				this.$refs.shareBoxApp.cancel();
				return true;
			}
			// #endif


			// #ifdef H5
			if (this.$refs.shareBoxH5.showBoxView) {
				this.$refs.shareBoxH5.cancel();
				return true;
			}
			// #endif

			// #ifdef MP-WEIXIN
			if (this.$refs.shareBoxMp.showBoxView) {
				this.$refs.shareBoxMp.cancel();
				return true;
			}
			// #endif
		},
		onUnload() {
			clearInterval(intervalDate);
			clearInterval(intervalPt);
			clearInterval(intervalCt);
			clearInterval(intervalTimeAct);


			// if (this.$refs.mpvueCityPicker.showPicker) {
			//   //this.$refs.mpvueCityPicker.pickerCancel()
			// }

			// #ifdef APP-PLUS
			if (this.$refs.shareBoxApp.showBoxView) {
				this.$refs.shareBoxApp.cancel();
			}
			// #endif

			// #ifdef H5
			if (this.$refs.shareBoxH5.showBoxView) {
				this.$refs.shareBoxH5.cancel();
			}
			// #endif

			// #ifdef MP-WEIXIN
			if (this.$refs.shareBoxMp.showBoxView) {
				this.$refs.shareBoxMp.cancel();
			}
			// #endif
		},
		onNavigationBarButtonTap(e) {
			var that = this;

			if (e.index === 0) {
				that.onMenu(e);
			} else if (e.index === 1) {
				that.onShareBox(e);
			} else {
				uni.showToast({
					title: "你点了收藏按钮",
					icon: "none"
				})
			}
		},
		/**
		 * 页面相关事件处理函数--监听用户下拉动作
		 */
		onPullDownRefresh: function() {
			this.initProduct(true);
		},
		methods: {
			...mapMutations(['login', 'logout', 'getPlantformInfo', 'forceUserInfo', 'getUserInfo', 'setCartNum']),

			//生成的海报图片
			createPoster(e) {
				this.productPoster = e
				if (this.productPoster) {
					uni.hideLoading();
					this.$refs.shareBoxMp.path = this.productPoster;
				}
			},

			swiperImg: function(e) {
				this.currentSwipperImageIndex = e.detail.current + 1;
			},
			InitData: function(options) {
				var that = this;
				this.setData({
					proId: options.pid,
					message_path: "/pagesub/product/detail?pid=" + options.pid + "&uid=" + this.userInfo
						.user_id,
					splistStr: [],
					gbId: parseInt(options.gb_id || 0),
					isJoin: (!that.$.isNull(options.gb_id) && options.gb_id != 0) ? true : false
				});
				that.$.isNull(this.userInfo) ? this.getUserInfo(function(user) {
					that.setData({
						isChannel: this.shopInfo.isChannel
					});
					that.setData({
						user_is_new: 0,
						//user_is_new: this.userInfo.user_is_new,
						CouponAmount: 10
						//CouponAmount: this.userInfo.CouponAmount
					})
				}) : null

				//that.notice.postNotificationName("RefreshProduct", false)
			},
			initChain: function() {
				let that = this;

				that.$.getLocation({
					type: "wgs84",
					success: function(response) {
						that.setData({
							latitude: response.latitude,
							longitude: response.longitude
						});

						that.getNearChain()
					},
					fail: function() {
						that.setData({
							isdata: true
						});

						that.$.confirm(that.__('手机定位失败'));

						that.getNearChain()
					}
				})
			},
			getNearChain: function() {
				let that = this;

				let chain_params = {
					store_id: that.store_info.store_id,
					item_id: that.proId,
					lat: that.latitude,
					lng: that.longitude
				};

				that.$.request({
					url: that.Config.URL.store.getNearChain,
					data: chain_params,
					loading: false,
					success: function(data, status, msg, code) {
						if (status == 200) {
							for (let i = 0; i < data.items.length; i++) {
								data.items[i]['distance'] = that.$.distanceFormat(data.items[i][
									'distance'
								]);

								let coord = that.$.bMapTransQQMap(data.items[i]['chain_lng'], data.items[i]
									['chain_lat']);
								data.items[i]['chain_lng'] = coord.lng;
								data.items[i]['chain_lat'] = coord.lat;
							}

							that.setData({
								chain_rows: data.items
							})
						}
					}
				});
			},

			gotomap: function(e) {
				var that = this;

				that.$.openLocation({
					latitude: parseFloat(e.currentTarget.dataset.lat),
					longitude: parseFloat(e.currentTarget.dataset.lng),
					name: e.currentTarget.dataset.name,
					address: e.currentTarget.dataset.address,
					scale: 28
				})
			},

			gopage: function(e) {
				var that = this;

				this.$.gotopage('/chain/chain/index?chain_id=' + e.currentTarget.dataset.chain_id)

			},

			call: function(e) {
				let that = this;
				that.$.makePhoneCall({
					phoneNumber: e.currentTarget.dataset.phone
				})
			},

			initProduct: function(force_refresh) {
				if (typeof force_refresh == 'undefined') {
					force_refresh = true;
				}

				var that = this;


				// //存入本地
				// let district_id = uni.getStorageSync('district_id');


				var params = {
					item_id: that.proId,
					gb_id: (that.eventGbId || that.gbId),
					comment_flag: 1, //如果有，则读取一条评论
					// 这是添加参数字段的地方········
					factoryCode: that.changjiaid,
					normCode: that.guigeid
				};

				// if (district_id) {
				//   params.district_id = district_id;
				// } else {
				//   params.district_id = that.cityPickerValueDefault[1]
				// }
				that.$.request({
					url: this.Config.URL.pt.item,
					data: params,
					loading: false,
					ajaxCache: {
						timeout: this.Config.CACHE_EXPIRE,
						forceRefresh: force_refresh
					},

					success: function(data, status, msg, code) {
						if (200 == status) {
							//that.$report('fb_mobile_content_view', data.item_row);

							//处理活动信息
							if (data.item_row.activity_info) {
								data.activity_item_row = data.item_row.activity_info

								data.activity_id = data.item_row.activity_info.activity_id
								data.activity_type_id = data.item_row.activity_info.activity_type_id
								data.activity_starttime = data.item_row.activity_info
									.activity_item_starttime
								data.activity_endtime = data.item_row.activity_info.activity_item_endtime
								that.activityTypeId = data.activity_type_id;

								const activityBase = data.item_row.activity_info.activity_base;
								data.activity_base_row = activityBase;
								data.activity_name = activityBase.activity_name;

								if (activityBase.activity_rule && that.$.isJson(activityBase
										.activity_rule)) {
									data.activity_activity_rule = JSON.parse(activityBase.activity_rule);

									//处理活动信息显示
									if (activityBase.activity_type_id == that.StateCode
										.ACTIVITY_TYPE_GIFTBAG || activityBase.activity_type_id == that
										.StateCode.ACTIVITY_TYPE_MULTIPLEDISCOUNT || activityBase
										.activity_type_id == that.StateCode.ACTIVITY_TYPE_CUTPRICE) {
										//AB组合套餐信息 砍价
										that.$.request({
											url: that.Config.URL.pt.listItem,
											data: {
												item_id: activityBase.activity_item_ids,
												activity_id: activityBase.activity_id
											},
											loading: false,
											method: "GET",
											ajaxCache: {
												timeout: that.Config.CACHE_EXPIRE
											},
											success: function(da, status, msg, code) {
												let subtotal = 0;
												//计算商品原价小计
												for (var i = 0; i < da.items.length; i++) {
													subtotal = subtotal + da.items[i][
														'item_unit_price'
													] * da.items[i]['activity_item_num'];
												}

												if (activityBase.activity_type_id == that
													.StateCode.ACTIVITY_TYPE_GIFTBAG) {
													data.giftbag_items = da.items
													data.activity_activity_rule.giftbag
														.subtotal = subtotal;
												} else if (activityBase.activity_type_id ==
													that.StateCode.ACTIVITY_TYPE_CUTPRICE) {
													data.cutprice_items = da.items
													data.activity_activity_rule.cutprice
														.subtotal = subtotal;
												} else if (activityBase.activity_type_id ==
													that.StateCode
													.ACTIVITY_TYPE_MULTIPLEDISCOUNT) {
													data.multiplediscount_items = da.items
												}
											}
										})
									}
								} else {
									data.activity_activity_rule = {}
								}
							}

							data.marketPrice = Math.max(data.item_row.item_unit_price, data.item_row
								.item_sale_price, data.item_row.item_market_price);
							data.itemSalePrice = data.item_row.item_sale_price;
							data.showPrice = data.item_row.item_sale_price > 0;

							if (data.marketPrice <= data.itemSalePrice) {
								data.marketPrice = 0
							}

							if (data.last_comments) {
								that.last_comments = data.last_comments
								that.last_comment = data.last_comment
							}

							//data.if_store = data.product_freight_info.if_store;
							data.if_store = data.if_store;
							data.normalStatus = data.product_state_id == that.StateCode
								.PRODUCT_STATE_NORMAL;
							//data.normalStatus = true;

							data.isShowCountdown = (that.StateCode.ACTIVITY_TYPE_LIMITED_DISCOUNT == data
									.activity_type_id || that.StateCode.ACTIVITY_TYPE_GROUPBOOKING == data
									.activity_type_id) ?
								true : false;

							data.productPicList = [];

							data.pv_url = '/pagesub/video/video?pid=' + data.product_id + '&url=' +
								encodeURIComponent(data.product_video) + '&title=' + encodeURIComponent(
									data.product_name)


							let tmp = {};
							tmp.path = data.image.item_image_default;
							tmp.Video = false;
							data.productPicList.push(tmp);
							if (data.image.item_image_other) {
								let it = data.image.item_image_other.split(',')

								for (var i = 0; i < it.length; i++) {
									let tmp = {};
									tmp.path = it[i];
									tmp.Video = false;

									data.productPicList.push(tmp);
								}
							}
							// 改变轮播图片修改
							that.ProductInfo.productPicList = data.productPicList

							data.product_spec = JSON.parse(data.product_spec)
							data.item_spec = JSON.parse(data.item_row.item_spec)
							data.productUniqid = JSON.parse(data.product_uniqid)

							data.product_spec_image_row = {};
							data.spec_item_map = {};

							for (const productUniqidKey in data.productUniqid) {
								data.product_spec_image_row[data.productUniqid[productUniqidKey][4]] = data
									.productUniqid[productUniqidKey][5]
							}

							data.SpecLst = [];

							//for b2b
							data.Ids = [];

							for (var t in data.product_spec) {
								for (var s in data.product_spec[t].item) {

									//默认都可以点
									data.spec_item_map[data.product_spec[t].item[s].id] = 1

									if (data.product_spec[t].item[s].select == 1) {
										that.setData({
											color: data.product_spec[0].item[0].name,
										});
									}
								}
							}

							for (var n in data.product_spec) {
								data.SpecLst[n] = {};
								data.SpecLst[n].svLst = [];
								data.SpecLst[n].unit_id = data.product_spec[n].id;

								//for b2b
								data.Ids[n] = {};
								data.Ids[n].info = [];
								data.Ids[n].id = data.product_spec[n].id;

								for (var r in data.product_spec[n].item) {
									data.SpecLst[n].svLst[r] = {};
									data.SpecLst[n].svLst[r].Id = data.product_spec[n].item[r].id;
									data.SpecLst[n].svLst[r].Name = data.product_spec[n].item[r].name;
									data.Ids[n].info[r] = data.product_spec[n].item[r].id; //for b2b

									if (data.item_spec[n].item.id == data.product_spec[n].item[r].id) {
										data.SpecLst[n].svLst[r].IsChecked = true;
									} else {
										data.SpecLst[n].svLst[r].IsChecked = false;
									}

									if (!that.selectimg && data.product_spec_image_row[data.product_spec[n]
											.item[r].id]) {
										data.SpecLst[n].svLst[r].imagePath = data.product_spec_image_row[
											data.product_spec[
												n].item[r].id];
									} else {
										//data.SpecLst[n].svLst[r].imagePath = data.product_image;
										data.SpecLst[n].svLst[r].imagePath = data.product_image || data
											.product_spec_image_row[data.product_spec[n].item[r].id];
									}
								}
							}

							//倒计时
							//activity_endtime
							if (data.isShowCountdown) {
								data.product_sale_time = data.activity_endtime;

								let end_diff_time = data.product_sale_time - (new Date).getTime();

								intervalCt = setInterval(function() {
									var n = end_diff_time -= 1e3;
									n < 0 ? (clearInterval(), that.setData({
										hours: "00",
										minutes: "00",
										seconds: "00"
									})) : that.setData({
										hours: that.$.doubleNum(Math.floor(n / 1e3 / 60 /
											60)),
										minutes: that.$.doubleNum(Math.floor(n / 1e3 / 60 %
											60)),
										seconds: that.$.doubleNum(Math.floor(n / 1e3 % 60))
									})
								}, 1e3);
							}

							//拼团
							if (that.StateCode.ACTIVITY_TYPE_GROUPBOOKING == data.activity_type_id) {
								let groupbookingRule = data.activity_activity_rule.groupbooking;

								data.DayLimit = groupbookingRule.group_days_limit;
								data.UserLimit = groupbookingRule.group_quantity;
								data.SavePrice = data.item_row.item_unit_price - data.item_row
									.item_sale_price;
								data.UserNum = data.activity_gb_amount_quantity;
							}

							//当前开团列表
							if (that.StateCode.ACTIVITY_TYPE_GROUPBOOKING == data.activity_type_id && data
								.activity_id > 0) {
								that.findGroupbooking(data.activity_id);
							}


							if (data.SpecLst.length > 0) {
								for (var n in data.SpecLst) {
									for (var r in data.SpecLst[n].svLst) {
										data.SpecLst[n].svLst[r].IsChecked &&
											(data.SpecLst[n].ckid = data.SpecLst[n].svLst[r].Id,
												that.splist.push(data.SpecLst[n].svLst[r].Id), that
												.splistStr.push(data.SpecLst[n].svLst[
													r].Name),
												that.setData({
													selectimg: data.SpecLst[n].svLst[r].imagePath
												}));

										data.product_spec[n].item[r].IsChecked &&
											(data.product_spec[n].ckid = data.product_spec[n].item[r].id,
												that.splist.push(data.item_row
													.product_spec[n].item[r].id), that.splistStr.push(data
													.product_spec[n].item[r].name), that.setData({
													selectimg: data.product_spec[n].item[r].imagePath
												}));
									}
								}
							} else {
								that.setData({
									selectimg: data.product_image
								});
							}

							var perm_id = that.$.getStorageSync('uid');
							var perm_key = that.$.getStorageSync('ukey');
							that.$.setNavigationBarTitle({
								title: data.product_item_name
							});


							//data.product_detail = '<style>img{max-width:100%!important;height:auto;}</style>' + data.product_detail;
							//data.product_detail = data.product_detail.replace(/\<img/gi, '<img style="max-width:100%;height:auto" ')

							data.product_detail && (data.product_detail = data.product_detail.replace(
								new RegExp(
									'<img ', "gm"),
								'<img style="max-width:100%;height:auto;display: flex;" '));
							data.product_param && (data.product_param = data.product_param.replace(
								new RegExp(
									'<img ', "gm"),
								'<img style="max-width:100%;height:auto;display: flex;" '));
							data.product_extension && (data.product_extension = data.product_extension
								.replace(
									new RegExp('<img ', "gm"),
									'<img style="max-width:100%;height:auto;display: flex;" '));
							data.product_service && (data.product_service = data.product_service.replace(
								new RegExp(
									'<img ', "gm"),
								'<img style="max-width:100%;height:auto;display: flex;" '));


							//let chat_url = that.$.sprintf("/im/chat/chat?uid=%s&item_id=%s", data.store_info.user_id, data.item_id);
							let chat_url = that.$.sprintf("/im/chat/chat?uid=%s&item_id=%s", 0, data
								.item_id);
							that.setData({
								chatUrl: chat_url
							});

							if (true) {
								/*
								that.$.request({
									url: that.Config.URL.user.kefu_config,
									data: {user_id: data.store_info.user_id, store_id:data.store_info.store_id},
									loading: false,
									success: function(rd, r_status, r_msg, code) {
										if (r_status == 200) {
											let chat_url = that.$.sprintf("/im/chat/chat?uid=%s&item_id=%s", rd.friend_id, data.item_id);
											that.setData({
												chatUrl: chat_url
											});
										}
										else
										{
											that.$.alert(r_msg);
										}
									}
								});
								*/
							} else {}

							that.setData({
								ProductInfo: data,
								productUniqid: data.productUniqid,
								//store_info: data.store_info,
								isCollection: data.is_favorite > 0 ? true : false,
								skuId: data.item_id,
								parameters: data.product_param,
								desc: data.ProductTips,
								pname: data.product_item_name,
								stock: data.item_quantity
							});

							that.poster.views[1].src = data.productPicList[0].path
							that.poster.views[2].text = data.product_item_name
							that.poster.views[3].text = '¥' + that.number_format(that.ProductInfo
								.itemSalePrice, 2)
							that.poster.views[4].text = that.$.sprintf(
								'%s/pagesub/product/detail?id=%d&uid=%d', that.Config.SiteUrl, that
								.proId, that.userInfo.user_id);

							that.setData({
								isdata: true
							});

							that.getCouponlist();

							if (that.Config.CHAIN_ENABLE) {
								that.initChain();
							}

							//读取帮助信息
							//that.getFaq(data.product_id);
						} else {
							that.setData({
								isdata: false
							});
						}

						if (200 != status) {

						} else {

							//初始化微信分享
							let $title = that.pname;
							let $desc = that.desc;
							let $link = that.$.sprintf('%s/pagesub/product/detail?id=%s', that.Config
								.SiteUrl, that.proId);
							let $img_url = that.ProductInfo.productPicList[0].path;

							//初始化微信分享
							that.$.wxShare($title, $desc, $link, $img_url)

							//that.getStoreProdcutList();
						}

						that.setData({
							loaded: true
						});

						that.$forceUpdate();


						that.$.stopPullDownRefresh()
					},
					complete: function(res, status) {}
				});
			},

			getFaq: function(product_id) {
				let that = this;

				let faq_params = {
					product_id: product_id,
					rows: 2,
				}
				that.$.request({
					url: this.Config.URL.sns.story_lists,
					data: faq_params,
					loading: false,
					/*
					                    ajaxCache: {
					                        timeout: Config.CACHE_EXPIRE
					                    }, */
					success: function(data, status, msg, code) {
						if (status == 200) {
							that.faq_rows = data.items;

							if ('analytics_row' in (that.ProductInfo)) {
								if (that.ProductInfo.analytics_row && 'product_ask_num' in (that
										.ProductInfo.analytics_row)) {
									that.ProductInfo.analytics_row.product_ask_num = data.records;
								}
							}
						}
					}
				});
			},

			listFaq: function(e) {
				//this.$.gopage(this.$.sprintf('/community/community/lists?pid=%s', e.currentTarget.dataset.product_id));
				this.$.gopage(this.$.sprintf('/community/community/lists?pid=%s', this.ProductInfo.product_id));
			},

			ckselectsp: function(e) {
				this.setData({
					//change: e.currentTarget.offsetLeft,
					selectsp: 1,
					selectct: 1,
					addCartFlag: true,
					buyFlag: false
				})
			},
			ckselectsp1: function(e) {
				this.setData({
					//change: e.currentTarget.offsetLeft,
					selectsp: 1,
					selectct: 1,
					buyFlag: true,
					addCartFlag: false
				})
			},
			closesp: function(e) {
				this.eventGbId = 0;
				this.isJoin = this.eventGbId || this.gbId;

				var that = this;
				that.setData({
					selectct: 0,
					/*addCartFlag: false*/
				});

				setTimeout(function() {
						that.setData({
							selectsp: 0
						})
					},
					1e2)
			},

			selectSpec: function(e) {
				console.log("选择规格",e)
				let that = this;
				if (!e.target.dataset.enable) {
					return;
				}
				// 获取点击的id·············
				if (e.target.dataset.unit_id == 1003) {
					that.changjiaid = e.target.dataset.spid
				} else if (e.target.dataset.unit_id == 1001) {
					that.guigeid = e.target.dataset.spid
				}

				/*
				this.setData({
					buyFlag: true,
					addCartFlag: false
				})
        */

				/*$(self).addClass("current").siblings().removeClass("current");
				//拼接属性
				var curEle = $(".spec").find("a.current");
				var curSpec = [];
				that.$.each(curEle, function (i, v)
				{
				    // convert to int type then sort
				    curSpec.push(parseInt($(v).attr("specs_value_id")) || 0);
				});
				var spec_string = curSpec.sort(function (a, b)
				{
				    return a - b;
				}).join("-");
				//获取商品ID
				window.item_id = myData.productUniqid[spec_string][0];
				get_detail(window.item_id);*/
				var params = {
						spid: e.target.dataset.spid,
						ckid: e.target.dataset.ckid,
						unit_id: e.target.dataset.unit_id
					},
					n = [],
					r = this.splist;

				var uniqid, spec_ids = [];
				for (var spec_key in that.ProductInfo.item_spec) {
					if (params.unit_id == that.ProductInfo.item_spec[spec_key].id) {
						spec_ids.push(params.spid);
					} else {
						spec_ids.push(that.ProductInfo.item_spec[spec_key].item.id);
					}
				}

				uniqid = spec_ids.sort(function(a, b) {
					return a - b;
				}).join("-");

				var item_id = that.ProductInfo.productUniqid[uniqid][0];

				if (that.b2bFlag) {
					return;
				}

				that.setData({
					proId: item_id
				})

				that.initProduct(false, true);
			},
			sub: function() {
				this.unifiedNum(2)
			},
			add: function() {
				this.unifiedNum(1)
			},
			writenum: function(e) {
				this.setData({
					inputval: e.detail.value
				}), this.unifiedNum(3)
			},
			unifiedNum: function(e) {
				let that = this;
				var t = {
					value: parseInt(this.numval),
					stock: parseInt(this.stock),
					inputval: parseInt(this.inputval)
				};
				if (t.stock <= 0) {
					that.$.alert(that.__('亲~商品没有库存啦！'));
					return
				}
				e == 1 ? t.value = t.value + 1 : e == 2 ? t.value = t.value - 1 : (t.value = t.inputval, this.setData({
					numval: t.inputval
				}));
				if (t.value > t.stock) {
					this.setData({
						numval: t.stock
					});
					return
				}
				if (t.value <= 0) {
					this.setData({
						numval: 1
					});
					return
				}
				this.setData({
					numval: t.value
				})
			},
			addCart: async function() {
				var that = this;

				if (that.b2bFlag) {
					that.addCartBat();
					return;
				}

				var params = {
					item_id: that.proId,
					cart_quantity: that.numval,
					activity_id: that.ProductInfo.activity_id,
				};

				if (that.stock <= 0) {
					that.$.alert("亲~商品没有库存啦！");
					return
				}

				await this.$store.dispatch(`addCart`, {
					params: params,
					callback: (data, status, msg, code) => {
						if (status == 200) {
							that.$.alert(that.$.__('添加购物车成功'));

							that.setData({
								numval: 1,
								inputval: 1
							})
						}

						that.setData({
							selectct: 0
						});

						setTimeout(function() {
							that.setData({
								selectsp: 0
							})
						}, 1e3);

					}
				})
			},

			//for b2b
			//商品数量
			changes(e, id) {
				var that = this;
				var t = that.productUniqid[id][0];
				that.proIds[id] = {
					item_id: t,
					quantity: e
				};
				this.setprice();
			},

			//计算价格
			setprice: function() {
				var that = this;
				var price = 0;
				var quantity = 0;
				for (var i in that.proIds) {
					price = price + that.proIds[i].quantity * that.productUniqid[i][1];
					quantity += that.proIds[i].quantity;
				}
				this.setData({
					price: price,
					quantity: quantity
				});
			},
			selectS: function(e, k, d, evnet) {
				var that = this;
				that.setData({
					color: d
				})
				if (e.select == 1) {
					return true;
				}
				// evnet.target.dataset.unit_id = 1002;
				var p = that.ProductInfo.product_spec[0].item;
				for (var l = 0; l < p.length; l++) {
					if (p[l].select == 1) {
						p[l].select = 0;
					}
				}

				e.select = 1;
				// this.setData({
				// 	proId: items.id
				// });
				that.selectSpec(evnet);
			},

			addCartBat: function() {
				var that = this;
				var pat = [];
				if (that.ProductInfo.SpecLst.length > 0) {
					for (var i in that.proIds) {
						if (that.proIds[i].quantity > 0) {
							pat.push(that.proIds[i]);
						}
					}

					if (pat.length <= 0) {
						that.$.alert('亲~请选择商品！');
						return;
					}
				} else {
					pat = [{
						item_id: that.options.pid,
						quantity: 1
					}]
				}

				var params = {
					par: JSON.stringify(pat),
					prd: that.options.pid
				};
				that.$.request({
					url: this.Config.URL.cart.batchadd,
					data: params,
					success: function(data, status, msg, code) {
						if (status == 200) {
							//that.notice.postNotificationName("RefreshProduct", true);

							//
							that.notice.postNotificationName('RefreshCart', that.numval);

							that.setCartNum({
								type: 'add',
								num: that.numval
							});

							that.$.alert('添加进货车成功');

							that.setData({
								numval: 1,
								inputval: 1
							});
						} else {
							that.$.alert(msg);
						}

						that.setData({
							selectct: 0
						});

						setTimeout(function() {
							that.setData({
								selectsp: 0
							});
						}, 1e3);
					}
				});
			},

			PDCollection: function(e) {
				var that = this;
				if (this.isCollection) {
					var params = {
						item_id: e.currentTarget.dataset.id
					};

					that.$.request({
						url: this.Config.URL.user.removeWishItem,
						data: params,
						method: 'POST',
						success: function(data, status, msg, code) {

							if (200 == status) {
								that.setData({
									isCollection: false
								});
							}

							that.$.alert(that.__('已取消收藏！'));
						}
					});
				} else {
					var params = {
						item_id: e.currentTarget.dataset.id
					};
					that.$.request({
						url: this.Config.URL.user.addWishItem,
						data: params,
						method: "POST",
						success: function(data, status, msg, code) {
							if (200 == status) {
								that.setData({
									isCollection: true
								})
							}

							that.$.alert(that.__('已收藏！'))
						}
					});

				}
			},

			addToWestore: function(e) {
				var that = this;

				var params = {
					item_id: e.currentTarget.dataset.id,
					store_id: this.store_info.store_id,
					product_id: this.ProductInfo.product_id
				};

				that.$.request({
					url: this.Config.URL.user.direct_store_add,
					data: params,
					success: function(data, status, msg, code) {

						if (status == 200) {
							that.$.alert(msg);
						} else {
							that.$.alert(msg);
						}
					}
				});

			},
			picDetail: function() {
				this.setData({
					tapindex: 1
				})
			},
			spcParam: function() {
				this.setData({
					tapindex: 2
				})
			},

			packingList: function() {
				this.setData({
					tapindex: 3
				})
			},

			showFightGroup: function() {
				this.setData({
					tapindex: 4
				})
			},

			showServiceTab: function() {
				this.setData({
					tapindex: 5
				})
			},

			showVoucherTab: function() {
				this.getCouponlist()

				this.setData({
					tapindex: 6
				});
			},
			//单规格，不需要选规格，默认购买一个。
			buynow: function(e) {
				var that = this;
				var params = {
					item_id: that.proId,
					proName: that.pname,
					cart_quantity: that.numval,
					activity_id: that.ProductInfo.activity_id,

					SKU_Id: that.skuId
				};

				//for b2b
				if (that.b2bFlag && that.ProductInfo.SpecLst.length > 0) {
					var pat = [];
					for (var i in that.proIds) {
						if (that.proIds[i].quantity > 0) {
							var t = that.proIds[i].item_id + '|' + that.proIds[i].quantity + '|0';
							pat.push(t);
						}
					}

					if (pat.length <= 0) {
						that.$.alert('亲~请选择商品！');
						return;
					}
					var str = pat.join(',');
					that.$.navigateTo({
						url: '/pagesub/checkout/checkout?ifcart=0&cart_id=' + str + '&prd=' + that.options.pid
					}), this.setData({
						selectct: 0
					});
				} else {
					that.$.navigateTo({
						url: "/pagesub/checkout/checkout?ifcart=0&cart_id=" + params.item_id + "|" + params
							.cart_quantity + '|0'
					}), this.setData({
						selectct: 0
					});
				}

				var n = this;
				setTimeout(function() {
						n.setData({
							selectsp: 0
						})
					},
					1e3)
			},
			checkChainProduct: function(e) {
				var that = this;
				var params = {
					item_id: that.proId,
					proName: that.pname,
					cart_quantity: that.numval,
					activity_id: that.ProductInfo.activity_id,
					SKU_Id: that.skuId
				};

				that.$.request({
					url: that.Config.URL.isProduct,
					data: params,
					dataType: 'json',
					success: function(data, status, msg, code) {
						if (data.length == 0) {
							that.$.showModal({
								title: that.__('提示'),
								content: that.__('您的默认门店没有该商品，是否继续购买？'),
								success: function(res) {
									if (res.confirm) {
										that.setData({
											url: "/pagesub/checkout/checkout?ifcart=0&cart_id=" +
												params.item_id + "|" + params
												.cart_quantity + '|0',
										})
									}
								}
							});

						} else {
							that.setData({
								url: "/pagesub/checkout/checkout?ifcart=0&cart_id=" + params
									.item_id + "|" + params.cart_quantity + '|0' + "&chain_id=" +
									data.chain_id,
							})
						}
					}
				});
			},
			immediatelyGroupbooking: function() {
				var that = this;

				that.$.navigateTo({
					url: "/pagesub/checkout/checkout?single_activity=1&ifcart=0&cart_id=" + that.proId + "|" +
						this.numval + '|0' + "&activity_id=" + this.ProductInfo.activity_id + "&gb_id=" + (this
							.eventGbId || this.gbId),
					success: function() {},
					fail: function() {},
					complete: function() {}
				})
			},
			groupBuying: function(e) {
				var that = this,
					gb_id = e.currentTarget.dataset.gb_id;

				this.eventGbId = parseInt(gb_id);

				this.isJoin = this.eventGbId || this.gbId;

				this.ckselectsp1();

				return;

				that.$.navigateTo({
					url: "/pagesub/checkout/checkout?single_activity=1&ifcart=0&cart_id=" + that.proId + "|" +
						this.numval + '|0' + "&activity_id=" + this.ProductInfo.activity_id +
						"&gb_id=" + gb_id
				})
			},
			findGroupbooking: function(activity_id) {
				var that = this;
				var params = {
					activity_id: activity_id,
					gb_enable: 2,
					size: 4
				}

				that.setData({
					gbRows: []
				})

				that.$.request({
					url: this.Config.URL.marketing.listGroupbooking,
					data: params,
					loading: false,
					success: function(data, status, msg, code) {
						if (200 == status && data.items.length > 0) {

							intervalDate = setInterval(function() {
								data.items.forEach(function(e) {
									e.Time = {};
									e.end_diff_time = (e.gb_endtime - (new Date)
										.getTime());
									var n = e.end_diff_time - 1e3;

									if (n < 0) {
										e.Time.days = "00";
										e.Time.hour = "00";
										e.Time.min = "00";
										e.Time.sec = "00";
									} else {
										e.Time.days = parseInt(that.$.doubleNum(Math.floor(
											n / 1e3 / 60 / 60 / 24)));
										e.Time.hour = that.$.doubleNum(Math.floor(n / 1e3 /
											60 / 60 % 24));
										e.Time.min = that.$.doubleNum(Math.floor(n / 1e3 /
											60 % 60));
										e.Time.sec = that.$.doubleNum(Math.floor(n / 1e3 %
											60));

									}
									// e.Time = that.$.FormatTime(e.activity_endtime)
								});
								that.setData({
									gbRows: data.items
								})
							}, 1e3)
						} else {
							that.setData({
								/*addCartFlag: false,*/
								ispage: false
							})
						}
					}
				});
			},
			lookall: function() {
				this.isAll ? this.setData({
					isAll: false
				}) : this.setData({
					isAll: true
				})
			},
			userFGType: function(e, t) {
				let that = this;
				var n = {
					OwnGroupId: e
				};
				/* 加入拼团that.$.xsr(that.$.makeUrl(fgapi.IsUserJoinGroupEvnet, n), function (e) {
				    that.$.isNull(e) ? t() || "" : e.Code != 1 ? e.Info[0].IsSuccess ? that.$.alert("恭喜您已经参团成功!") : e.Info[0].IsPaySuccess ? that.$.alert("您已经参加过该团!") : that.$.alert("您已经参加过该团，请尽快支付!") : t() || ""
				})*/
			},
			/*
			    doReceive: function () {
			        this.cancel(), this.userReceiveCoupon()
			    },*/
			cancel: function() {
				this.setData({
					isCancel: false
				})
			},
			cancelsuccess: function() {
				this.setData({
					isCancelSuccess: true
				})
			},
			doReceive: function(e) {
				var that = this;
				if (e.currentTarget.dataset.isreceive == -1) {
					return;
				}
				that.setData({
					Id: e.currentTarget.dataset.id,
					needed_point: e.currentTarget.dataset.point
				});
				that.getUserReceiveCoupon();
			},
			getUserReceiveCoupon: function() {
				var point = this.voucherList.needed_point,
					that = this;
				if (point > 0) {
					that.$.confirm(that.sprintf(that.__('确定消耗 %d 兑换优惠券?'), point), function(e) {
						if (e.confirm) {
							that.addVoucher();
						}
					}, true);
				} else {
					that.addVoucher();
				}
			},
			//优惠券一键领取

			getCoupon() {
				const counPonList = this.voucherList.filter((item) => {
					if (item.if_gain) {
						return item.activity_id
					}
				})
				const couponIds = counPonList.map((item) => item.activity_id)

				couponIds.forEach((id, index) => {
					this.addVoucher(id, index === couponIds.length - 1)
				})
			},
			addVoucher: function(activity_id, falg = false) {
				var that = this;
				var params = {
					activity_id: activity_id || this.Id,
					Code: this.Code,
					user_is_new: 0,
				};

				that.$.request({
					url: this.Config.URL.user.voucher_add,
					method: 'POST',
					data: params,
					success: function(data, status, msg, code) {
						if (200 == status) {
							that.$.alert(that.__("领取成功!"));
							if (!activity_id) {
								that.getCouponlist();
							}
							if (activity_id && falg) {
								that.getCouponlist();
							}
						} else {
							that.$.alert(msg);
						}
					},
				});
			},
			ImgTap: function(e) {
				var that = this,
					n = [];
				for (var r in this.last_comment.comment_image) n.push(this.last_comment.comment_image[r]);
				var i = e.target.dataset.src;
				that.$.previewImage({
					current: i,
					urls: n
				})
			},
			previewProductImg: function(e) {
				var that = this,
					n = [];
				for (var r in this.ProductInfo.productPicList) {
					n.push(this.ProductInfo.productPicList[r].path);
				}

				var i = e.target.dataset.src;

				that.$.previewImage({
					current: i,
					urls: n
				})
			},

			goTabBar: function(e) {
				var that = this;
				that.$.goToTabBar(that, e.currentTarget.dataset.url)
			},

			cancelShare: function(e) {},
			showCodeImg: function(e) {},
			shareQRCode: function(e) {
				let that = this;
				if (this.productPoster == '') {
					uni.showLoading({
						title: '海报生成中..',
						mask: true
					});

					// #ifdef MP-WEIXIN
					let path = that.$.sprintf('%s/pagesub/product/detail?id=%d&uid=%d', that.Config.SiteUrl, this
						.proId, this.userInfo.user_id);
					that.$.request({
						url: that.Config.URL.fx.poster,
						data: {
							user_id: that.userInfo.user_id,
							path: path,
							width: 430,
							poster_type: 2
						},
						success: function(data, status, msg, code) {
							if (200 == status) {
								let qrcode_url = data.qrcode;

								if (data.qrcode.indexOf("?") != -1) {
									qrcode_url = data.qrcode + '&rand=' + Math.random()
								} else {
									qrcode_url = data.qrcode + '?rand=' + Math.random()
								}

								that.poster.views[4].type = 'image';
								that.poster.views[4].src = qrcode_url;
								that.$refs.painter.render(that.poster);
							} else {

							}
						}
					});
					// #endif

					// #ifdef H5
					that.$refs.painter.render(this.poster);
					// #endif

				}
			},
			saveImg: function(e) {},

			shareBox: function(e) {

				// 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
				// #ifdef APP-PLUS
				this.setData({
					shareBoxFlag: 1,
					shareContetnFlag: 1
				});
				// #endif
				// #ifdef MP-WEIXIN
				this.setData({
					PageQRCodeInfo: {
						Path: "",
						IsShare: true,
						IsShareBox: true,
						IsJT: false
					}
				})
				// #endif
			},

			//跳转门店列表
			gochainlist: function(e) {
				this.$.gotopage('/chain/chain/list?store_id=' + e.currentTarget.dataset.store_id + '&item_id=' + e
					.currentTarget.dataset.item_id)
			},
			/* 商品优惠券 */
			getCouponlist: function() {
				var params = {
					store_id: this.store_info.store_id,
					item_id: this.skuId
				};

				var that = this;

				that.$.request({
					url: this.Config.URL.marketing.listVoucher,
					data: params,
					loading: false,
					ajaxCache: {
						timeout: this.Config.CACHE_EXPIRE
					},
					success: function(data, status, msg, code) {
						for (let i = 0; data.items.length > i; i++) {
							data.items[i].activity_endtime = that.$.formatDateTime(data.items[i]
								.activity_endtime, "yyyy-MM-dd");
							data.items[i].activity_rule = data.items[i].activity_rule_json;
							//data.items[i].activity_rule = JSON.parse(data.items[i].activity_rule);
						}

						if (200 == status && data.items.length > 0) {
							that.setData({
								voucherList: data.items,
								isVoucher: false
							})

							//判断是否显示
							if (6 == that.tapindex) {} else {
								//判断是否显示代金券
								if (that.ProductInfo.product_detail ||
									that.ProductInfo.product_extension ||
									that.ProductInfo.product_param ||
									(that.ProductInfo.activity_type_id == that.StateCode
										.ACTIVITY_TYPE_GROUPBOOKING) ||
									that.ProductInfo.product_service
								) {} else {
									// that.setData({
									//   tapindex: 6
									// });
								}
							}
						} else {
							that.setData({
								isVoucher: false
							})
						}
					},
					fail: function(data) {
						that.setData({
							isVoucher: false
						})
					}
				});

			},
			getStoreProdcutList: function() {
				var that = this;
				var params = {
					store_id: this.ProductInfo.store_id
				}
				that.$.request({
					url: this.Config.URL.store.product,
					data: params,
					loading: false,
					ajaxCache: {
						timeout: this.Config.CACHE_EXPIRE
					},
					success: function(data, status, msg, code) {
						that.setData({
							store_product_list: data.items,
							store_product_num: data.items.length >= 30 ? (data.items.length +
								'+') : data.items.length //在售商品
						})
					}
				})
			},
			outertouch: function() {
				this.setData({
					virtual_flag: true
				})
			},
			innertouch: function() {
				this.setData({
					virtual_flag: false
				})
			},
			tplGoToPage: function(e) {
				let that = this;

				if (1 == that.plantformInfo.kefu_type_id) {
					//return;
				}

				//先判断是否登录
				this.forceUserInfo(function(user) {
					var t = e.currentTarget.dataset;
					//that.$.gopage(t.appurl);

					that.$.request({
						url: that.Config.URL.user.kefu_config,
						data: {
							user_id: that.store_info.user_id,
							store_id: that.store_info.store_id
						},
						loading: false,
						success: function(rd, r_status, r_msg, code) {
							if (r_status == 200) {
								let chat_url = that.$.sprintf("/im/chat/chat?uid=%s&item_id=%s", rd
									.friend_id, that.skuId);

								that.setData({
									chatUrl: chat_url
								});

								that.$.gopage(chat_url);

							} else {
								that.$.alert(r_msg);
							}
						}
					});
				});


				return;

				switch (parseInt(t.type)) {
					case 1:
						that.$.gopage("/pagesub/product/detail?id=" + t.id);
						break;
					case 2:
						that.$.gopage("/pagesub/product/list?store_category_id=" + (t.id || 0) + "&cname=" + t.name);
						break;
					case 3:
						that.$.gopage("/pagesub/product/list?pname=" + t.keyword);
						break;
					case 4:
						that.$.gopage(t.appurl);
						break;
					case 5:
						that.$.gopage(t.appurl);
						break;
					case 6:
						that.$.gopage(t.appurl);
						break;
					case 7:
						that.$.navigateToMiniProgram({
							appId: t.appid,
							path: t.appurl
						});
						break;
					case 8:
						that.$.gopage("/pagesub/diy-page/diy-page?id=" + t.id);
						break;
					case 9:
						that.$.gopage("/pagesub/webpage/webpage?u=" + encodeURIComponent(t.appurl) + "&tn=" + t.name +
							"&tc=" + t.appid + "&tb=" +
							t.keyword);
						break;
					case 10:
						that.$.gopage(
							'/pagesub/webpage/web?u=' +
							encodeURIComponent(t.appurl) +
							'&tn=' +
							t.name +
							'&tc=' +
							t.appid +
							'&tb=' +
							t.keyword
						);
				}
			},
			closeNativeShare: function() {
				var that = this;
				that.setData({
					shareContetnFlag: 0,
					addCartFlag: false
				});

				setTimeout(function() {
					that.setData({
						shareBoxFlag: 0
					})
				}, 1e2)
			},
			scrolltoupper: function(t) {
				this.old.scposition = t.detail.scrollTop;

				t.detail.scrollTop >= this.screenHeight ? this.setData({
					isquicknav: true
				}) : this.setData({
					isquicknav: false
				})
			},
			onMenu: function(t) {
				this.$refs.headerNavMenu.showBoxView = !this.$refs.headerNavMenu.showBoxView
			},
			onShareBox: function(e) {
				let that = this;
				var $href = that.$.sprintf('%s/tmpl/product_detail.html?item_id=%d&FX=%d', this.Config.WapSiteUrl, this
					.skuId, this.userInfo
					.user_id);

				$href = that.$.sprintf('%s/pagesub/product/detail?id=%d&uid=%d', that.Config.SiteUrl, this.proId, this
					.userInfo.user_id);
				// 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
				// #ifdef APP-PLUS

				// #endif

				// #ifdef MP-WEIXIN
				$href = "ub?id=" + this.proId + "&uid=" + this.userInfo.user_id;
				// #endif

				this.setData({
					shareData: {
						shareTitle: this.pname,
						shareText: this.desc,
						href: $href,
						image: this.ProductInfo.productPicList[0].path,
						price: this.number_format(this.ProductInfo.itemSalePrice, 2)
					}
				});

				// 如允许点击超链接跳转，则应该打开一个新页面，并传入href，由新页面内嵌webview组件负责显示该链接内容
				// #ifdef APP-PLUS
				this.$refs.shareBoxApp.show();
				// #endif

				//海报
				if (e == 3) {
					// #ifndef APP-PLUS
					this.$refs.shareBoxMp.show();
					// #endif
				} else {
					// #ifdef H5
					if (that.$.ifUniApp()) {
						this.$refs.shareBoxH5.show();
					} else {
						this.$refs.shareBoxMp.show();
					}
					// #endif

					// #ifdef MP-WEIXIN
					this.$refs.shareBoxMp.show();
					// #endif
				}


			},
			onReturnTop: function() {
				let that = this;
				// 清除上一次的定时器
				if (that.timer !== null) {
					clearInterval(that.timer);
				}
				that.setData({
					scposition: this.old.scposition
				})

				that.timer = setInterval(function() {
					let speed = that.scposition / 4;
					speed = Math.ceil(speed);
					if (that.scposition <= 0 || !that.scposition) {
						clearInterval(that.timer);
					}
					that.scposition = that.scposition - speed
				}, 30);
			},

			scrollbottom: function() {
				if (this.addCartFlag) {
					var e = this;
					e.setData({
						addCartFlag: false
					}), clearTimeout(t);
					var t = setTimeout(function() {
							e.setData({
								type: e.type,
								page: parseInt(e.page) + 1,
								rows: 10
							}), e.getNearChain()
						},
						500)
				}
			},
			// 三级联动选择
			// onSelectAddress(e) {
			//   this.$refs.mpvueCityPicker.open()
			// },

			onCancel(e) {
				//console.log(e)
			},

			// onDistrictConfirm(obj) {
			//   let disList = obj.value
			//   let that = this;

			//   let district_info = that.__('请选择地址')

			//   if (disList.length == 3) {
			//     district_info = that.$.sprintf('%s %s %s', disList[0].district_name, disList[1].district_name, disList[2].district_name)
			//   } else {
			//     return
			//   }

			//   let product_freight_info = this.product_freight_info;
			//   product_freight_info.district_info = district_info;

			//   this.setData({
			//     product_freight_info: product_freight_info
			//   });

			//   var params = {
			//     item_id: this.proId,
			//     district_id: disList[1].district_id
			//   };

			//   //存入本地
			//   let district_list = [disList[0].district_id, disList[1].district_id, disList[2].district_id]
			//   uni.setStorageSync('district_list', district_list.toString());

			//   uni.setStorageSync('district_id', params.district_id);
			//   that.initProduct(true);
			// },
			showActivityDetail(e) {
				var that = this;
				that.activityTypeId = e;
				that.$refs.popup.open();
			},
			showCouponDetail() {
				var that = this;
				that.$refs.popup2.open();
			},

			goGiftBag() {
				var that = this;
				uni.navigateTo({
					url: "../../activity/giftbag/detail?aid=" + that.ProductInfo.activity_id,
				});
			},
			goCutprice() {
				var that = this;
				uni.navigateTo({
					url: "/activity/cutprice/detail?mid=" + that.ProductInfo.activity_id + "&pid=" + that
						.ProductInfo.item_id,
				});
			}
		}
	}
</script>


<style lang="scss">
	@import "../../styles/_variables.scss";

	.page-body {
		padding: 40rpx;

		button {
			margin: 20rpx 20rpx;
		}

		.m-panel-sp-icon {
			position: absolute;
			right: 20rpx;
			top: 10rpx;

			color: #888;
		}
	}

	.discuss-evaluate {
		background: #fff;
		margin-top: 10rpx;

		.discuss-evaluate-top {
			position: relative;
			height: 70rpx;
			background: rgba(255, 255, 255, 1);
			margin-top: 24rpx;
			margin-left: 30rpx;
			padding-top: 10rpx;
		}
	}

	.discuss-item {
		.user-evaluate-center {
			height: 200rpx;
			border-bottom: 1px dotted #ccc;

			.user-text {
				height: auto;
				overflow: hidden;
				text-overflow: ellipsis;
				display: -webkit-box;
				-webkit-line-clamp: 2;
				-webkit-box-orient: vertical;
				margin-right: 20rpx;
				text-indent: 1em;
			}

			.user-no-text {
				text-align: center;
			}
		}
	}

	.m-banner-ad {
		width: 750rpx;
		height: 750rpx;
		position: relative;
		background-color: #fff;
	}

	.m-banner-ad swiper {
		width: 100%;
		height: 100%;
	}

	.slide-image {
		width: 100%;
		height: 100%;
	}

	.m-detail {
		/*min-height: 500rpx;*/
	}

	.m-info-box {
		font-size: 32rpx;
	}

	.m-cells {
		margin-top: 20rpx;
		background: transparent;
		border-radius: 12rpx;

		.m-cell {
			background: #ffffff;
			padding: 24rpx 24rpx;
			margin-bottom: 20rpx;
			border-radius: 12rpx;
		}
	}

	.m-info-box label {
		color: $default-skin-bg;
		display: block;
		font-size: 28rpx;
	}

	.m-info-price {
		color: $secondary-skin-color;
		;
		font-size: 48rpx;
		font-family: PingFangSC-Medium, PingFang SC;
		font-weight: 500;
		line-height: 66rpx;

		span {
			padding: 0 8rpx;
		}
	}

	.m-info-price text {
		font-size: 28rpx;
		font-family: PingFangSC-Light, PingFang SC;
		font-weight: 300;
		//color: #888888;
		line-height: 40rpx;
	}

	.m-info-delprice {
		color: #888;
		margin-left: 10rpx;
		text-decoration: line-through;
		position: relative;
	}

	/*优惠券样式 start*/
	.m-coupon-list {
		margin-top: 36rpx;
	}

	.m-coupon-item {
		width: 700rpx;
		height: 192rpx;
		margin: 10rpx auto;
		background: url(https://static.shopsuite.cn/xcxfile/appicon/Coupon_V2.png) no-repeat;
		background-size: contain;
		box-sizing: border-box;
		padding: 12rpx;
	}

	.m-coupon-info {
		float: left;
		width: 486rpx;
		margin-left: 30rpx;
		margin-top: 9.5rpx;
	}

	.m-coupon-btn {
		float: left;
		width: 110rpx;
		margin-left: 30rpx;
		line-height: 36rpx;
		text-align: center;
		font-size: 24rpx;
		color: #fff;
	}

	.btn-coupon {
		display: inline-block;
		width: 28rpx;
	}

	.btn-coupon-gray {
		//color: #888;
	}

	.m-coupon-text {
		float: left;
		width: 300rpx;
	}

	.m-coupon-text label {
		display: inline-block;
		color: #333;
		font-size: 28rpx;
		width: 250rpx;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 32rpx;
	}

	.m-coupon-text text {
		display: inline-block;
		width: 350rpx;
		font-size: 24rpx;
		color: #888;
		overflow: hidden;
		white-space: nowrap;
		text-overflow: ellipsis;
		line-height: 32rpx;
	}

	.m-coupon-price {
		float: left;
		height: 132rpx;
		color: $default-skin-bg;
		font-weight: bold;
		line-height: 132rpx;
		width: 180rpx;
		position: relative;
		font-size: 75rpx;
	}

	.price-content-box {
		position: absolute;
		left: -35rpx;
		text-align: center;
		width: 280rpx;
		font-size: 40rpx;
	}

	.price-content-box label {
		font-size: 32rpx;
	}

	/*优惠券样式 end*/

	.dis {
		display: flex;
		justify-content: flex-end;
		/*width: 360rpx;*/
		flex: 1;
		float: right;
		line-height: 74rpx;
	}

	.dis .num {
		font-size: 24rpx;
		font-weight: bold;
		color: #717171;
		padding-right: 20rpx;
		text-align: right;
	}

	.selled {
		display: flex;
		justify-content: flex-end;
		width: 180rpx;
		float: right;
		line-height: 74rpx;
	}

	.selled .num {
		font-size: 24rpx;
		color: #717171;
		padding-right: 20rpx;
		text-align: right;
	}

	.m-info-tip {
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #888888;
		//line-height: 60rpx;
	}

	.m-info-sp {
		font-size: 28rpx;
	}

	.m-info-sp label {
		margin-left: 20rpx;
	}

	.m-comment .m-media-box-title {
		font-size: 28rpx;
	}

	.m-comment .m-media-box-hd {
		border-radius: 100%;
		overflow: hidden;
		vertical-align: top;
	}

	.m-start label {
		font-size: 24rpx;
	}

	.m-media-box-info-meta {
		padding-right: 5rpx;
	}

	.sel {
		color: $default-skin-bg;
		font-size: 24rpx;
	}

	.m-tiem {
		float: right;
	}

	.m-panel-hd label {
		float: right;
	}

	.m-panel-hd text {
		color: $default-skin-bg;
		margin-left: 10rpx;
	}

	.m-comment .m-media-box-info-meta {
		font-size: 24rpx;
		font-weight: 100;
	}

	.g-flex-item {
		font-size: 28rpx;
		padding: 10rpx;
		border-top: 1rpx solid #d5d5d5;
		border-right: 1rpx solid #d5d5d5;
	}

	.m-Packinglist {
		font-size: 28rpx;
		padding: 20rpx;
	}

	/*底部按钮 start*/
	.m-footer-btn {
		width: 94%;
		padding: 0rpx 24rpx;
		position: fixed;
		bottom: 0;
		left: 0;
		background-color: #fff;
		text-align: center;
		z-index: 3;

		display: flex;
		flex-direction: row;
		align-items: center;
		border-top: 2rpx solid #EEEEEE;

		.iconfont {
			font-size: 20px;
			font-weight: 600;
		}
	}

	.m-footer-btn-list {
		/*width: 50%;*/
		height: 100%;
		position: relative;
		float: left;
		display: flex;
		flex-direction: row;
	}

	.m-footer-btn-list::before {
		// content: " ";
		position: absolute;
		left: 0;
		top: -2rpx;
		right: 0;
		height: 2rpx;
		border-bottom: 2rpx solid #d5d5d5;
		color: #CCCCCC;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		// z-index: 3;
	}

	.m-footer-btn-item {
		position: relative;
		float: left;
		width: 110rpx;
		font-size: 24rpx;
		color: #888;
		line-height: 40rpx;
		padding: 15rpx 0;
		// border-right: 1rpx solid #d5d5d5;
		box-sizing: border-box;
		flex: 1;
	}

	.no_goods {
		.no_shadow {
			height: 100%;
			width: 100%;
			position: absolute;
			z-index: 11;
			opacity: 0.7;
			background-color: #B2B2B2;
		}

		.no_goods_tip {
			height: 100%;
			width: 100%;
			position: absolute;
			left: 0;
			top: 0;
			z-index: 12;
			text-align: center;
			height: 120rpx;
			line-height: 120rpx;
		}

		position: absolute;
		z-index: 10;
		height: 120rpx;
		line-height: 120rpx;
		color: #fff;
		font-size: 26rpx;
		width: 100%;
		bottom: 0;
		left: 0;
		width: 100%;
	}

	.m-footer-btn-item:last-child {
		border: none;
	}

	.m-footer-btn-icon {
		width: 50rpx;
		height: 50rpx;
		line-height: 50rpx;
		margin: 0 auto;
		position: relative;
	}

	.m-footer-btn-item image {
		width: 40rpx;
		height: 40rpx;
	}

	.m-footer-btn-item contact-button {
		position: absolute;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		opacity: 0;
	}

	.m-footer-btn-main {
		width: 25%;
		// height: 100%;
		float: left;
		background-color: #ff9402;
		color: #fff;

		height: 40px;
		line-height: 40px;
		font-weight: 500;
		font-size: 32rpx;
		flex: 1;


		border-radius: 18rpx;
	}

	.m-footer-desable {
		-webkit-filter: grayscale(1);
		filter: grayscale(1);
	}

	.m-now {
		background-color: #ff0136;
	}

	/*底部按钮 end*/
	/*选择规格遮罩 start*/
	.m-panel-sp {
		position: fixed;
		width: 100%;
		height: 100%;
		top: 0;
		left: 0;
		z-index: 4;
		background-color: rgba(0, 0, 0, 0.2);

	}

	.m-panel-sp-content {
		background-color: #fff;
		position: absolute;
		width: 100%;
		bottom: 0;
		box-shadow: 0px -10rpx 15rpx rgba(0, 0, 0, 0.35);
		border-radius: 20rpx;
	}

	.m-panel-sp-pinfo {
		height: 170rpx;
		box-sizing: border-box;
		padding: 20rpx;
		position: relative;

		padding-bottom: 0;
	}

	.m-panel-sp-pimg {
		width: 200rpx;
		height: 200rpx;
		position: absolute;
		top: -50rpx;
		background-color: #fff;
		border-radius: 8rpx;
		box-sizing: border-box;
		padding: 10rpx;
		box-shadow: 0px 0rpx 10rpx rgba(0, 0, 0, 0.35);
		float: left;
	}

	.m-panel-sp-pimg image {
		width: 100%;
		height: 100%;
	}

	.m-panel-sp-pname {
		float: left;
		margin-left: 216rpx;
		font-size: 28rpx;
		line-height: 40rpx;

		margin-top: 6rpx;
	}

	.m-panel-sp-pname .m-pprice {
		color: $default-skin-bg;
		font-size: 32rpx;
		line-height: 50rpx;
		font-weight: bold;

		display: inline;
	}

	.m-panel-sp-icon {
		position: absolute;
		right: 10rpx;
		top: 10rpx;
	}

	/* .m-panel-sp-listbox{height: 604rpx;} */
	.m-panel-sp-listbox-item {
		//border-top: 1rpx solid #d5d5d5;
		box-sizing: border-box;
		padding: 10rpx 20rpx;
	}

	.m-panel-sp-listbox-item .m-cells-title {
		color: black;
		padding-left: 0;
	}

	.m-panel-sp-labellist {}

	.m-panel-sp-labellist label {
		display: inline-block;
		font-size: 24rpx;
		padding: 10rpx 15rpx;
		border-radius: 8rpx;
		margin: 10rpx;
		color: #888;
		border: 1rpx solid #d5d5d5;
	}

	/* for b2b */
	.m-panel-sp-labellist1 label {
		display: block;
		font-size: 24rpx;
		padding: 10rpx 15rpx;
		border-radius: 8rpx;
		margin: 10rpx;
		color: #888;
		border: 1rpx solid #d5d5d5;
		float: left;
		width: 8%;
		text-align: center;
		margin-top: 13px;
		margin-bottom: 25px;
	}

	.m-panel-sp-sellabel-no {
		/*
  color: #d5d5d5 !important;
  border: 1rpx solid #d5d5d5 !important;
  */
		float: left !important;
		// position: absolute;
		left: 20%;
		top: 9.3%;
	}


	.uni-numbox {
		// margin-left: 64%;
		display: inline-flex;
		height: 60rpx;
	}

	.uni-numbox__plus {
		height: 100%;
	}

	.m-panel-sp-labellist2 {
		display: none;
	}

	.m-panel-sp-sellabel1 {
		display: none !important;
	}

	.m-ys {
		float: left;
		height: 35px;
		line-height: 35px;
		overflow: hidden;
		width: 100%;
		border-radius: 5px;
		margin: 5px;
	}

	/* end for b2b */
	.product-info {
		.m-panel-sp-sellabel {
			border: 0 !important;
			color: #888 !important;
			margin: 0 5px;
			padding: 0;

			font-size: 14px;
		}
	}

	.activity-fixtop {
		padding-top: 1px !important;
	}

	.m-panel-sp-sellabel {
		color: $default-skin-bg !important;
		border: 1rpx solid $default-skin-bg !important;
	}

	.m-m-panel-sp-btn {
		height: 80rpx;
		//width: 100%;
		width: 94%;
		position: absolute;
		bottom: 0;
		left: 0;

		background-color: #fff;
		bottom: 0;
		bottom: constant(safe-area-inset-bottom);
		bottom: env(safe-area-inset-bottom);
		padding: 24rpx;
		display: flex;
	}

	.m-m-panel-sp-lbtn {
		float: left;
		width: 50%;
		//border-top: 1rpx solid #d5d5d5;
		border: 2rpx solid $default-skin-bg;
		border-right: 0;
		text-align: center;
		border-radius: 9px 0px 0px 9px;


		display: flex;
		line-height: 76rpx;
		height: 76rpx;
	}

	.m-m-panel-sp-rbtn {
		width: 50%;
		float: left;
		background-color: $default-skin-bg;
		line-height: 80rpx;
		font-size: 32rpx;
		color: #fff;
		text-align: center;
		font-weight: 500;
	}

	/*选择规格遮罩 end*/
	.m-null-product {
		color: #888;
		font-size: 32rpx;
		text-align: center;
		position: absolute;
		top: 50%;
		left: 50%;
		margin-left: -80rpx;
		margin-top: -76rpx;
	}

	.m-null-product label {
		font-size: 100rpx;
	}

	.m-navbar {
		background-color: transparent;
	}

	.m-navbar-item {
		padding: 20rpx 0;
		font-size: 14px;
	}

	.m-navbar-item:after {
		border: none;
	}

	.m-navbar-item.m-navbar-item-on {
		background-color: transparent;
		//background-color: #fff;
		//color: $default-skin-bg;
	}

	.m-navbar-item.m-navbar-item-on::before {
		content: " ";
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 6rpx;
		//border-bottom: 6rpx solid $default-skin-bg;
		color: #CCCCCC;
		-webkit-transform-origin: 0 100%;
		transform-origin: 0 100%;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
		z-index: 3;
	}

	/*拼团*/
	.progressBarBox {
		float: right;
		color: #888;
		font-size: 24rpx;
		margin-right: 20rpx;
		font-weight: 200;
		line-height: 64rpx;
	}

	.progressBarBox label {
		color: #333;
		font-weight: 200;
		font-size: 24rpx;
	}

	.m-FGB-time {
		display: inline-block;
		background-color: #666666;
		padding: 5rpx;
		color: #fff !important;
		border-radius: 4rpx;
		min-width: 28rpx;
		height: 28rpx;
		line-height: 28rpx;
		text-align: center
	}

	.m-FGB-time-tip {
		margin: 0 4rpx;
	}

	.m-fightGroupsBox .m-media-box-bd {
		font-size: 24rpx;
		color: #888;
		padding: 10rpx 30rpx;
		line-height: 40rpx;
	}

	.u-fg {
		font-size: 32rpx;
		line-height: 40rpx;
		box-sizing: border-box;
		padding: 10rpx;
	}

	.u-fg view:first-child {
		font-size: 24rpx;
	}

	.m-fg-btn .m-footer-btn-list {
		width: 30%;
	}

	.m-fg-btn .m-footer-btn-main {
		width: 35%;
	}

	.m-fg-comment {
		margin-bottom: 20rpx;
	}

	.m-fg-comment .m-media-box {
		padding: 24rpx 15rpx;
	}

	.m-fg-comment .m-media-box-bd {
		line-height: 50rpx;
		display: block;
		white-space: nowrap;
		overflow: hidden;
		text-overflow: ellipsis;
	}

	.m-media-box-title-tip {
		color: $default-skin-bg;
		font-size: 24rpx !important;
	}

	.m-media-box-desc-tip {
		color: #333;
		font-size: 24rpx;
	}

	.m-media-box-bd .u-btn {
		padding: 0;
		margin: 0 20rpx;
		width: 160rpx;
		float: right;
		font-size: 24rpx;
		line-height: 50rpx;
		margin-top: 10rpx;
	}

	.m-fg-comment .m-media-box-hd {
		margin-right: 10rpx;
		width: 80rpx;
		height: 80rpx;
	}

	.m-media-box-bd-tip {
		text-align: center;
	}

	.m-price-tip {
		padding: 5rpx 10rpx;
		color: #fff !important;
		background-color: $default-skin-bg;
		display: inline-block !important;
		font-weight: 200;
		font-size: 24rpx !important;
		position: relative;
		margin-left: 10rpx;
		border-radius: 4rpx;
		top: -10rpx;
	}

	.m-price-tip::after {
		position: absolute;
		content: "";
		border: solid 10rpx $default-skin-bg;
		border-color: transparent $default-skin-bg transparent transparent;
		left: -15rpx;
		top: 50%;
		margin-top: -10rpx;
	}

	.progressBarBox-content {
		width: 160rpx;
		height: 15rpx;
		background-color: #d5d5d5;
		border-radius: 20rpx;
	}

	.progressBarBox-content label {
		height: 15rpx;
		background-color: #ffc001;
		border-radius: 20rpx;
	}

	.progressBarBox-text {
		text-align: center;
	}

	.progressBarBox-text text {
		font-size: 24rpx !important;
		font-weight: 200;
	}

	/*拼团*/
	/*当前拼团*/
	.currentFG {
		padding: 20rpx;
		background-color: #fff;
		margin-top: 20rpx;
		text-align: center;
	}

	.currentFG-item {
		display: inline-block;
		width: 100rpx;
		height: 100rpx;
		border-radius: 100%;
		overflow: hidden;
	}

	.currentFG-item image {
		width: 100%;
		height: 100%;
	}

	/*当前拼团*/
	.u-tap-btn {
		position: fixed;
		right: 20rpx;
		bottom: 150rpx;
		z-index: 3
	}

	.u-go-home {
		border-radius: 100%;
		width: 80rpx;
		height: 80rpx;
		border: 1px solid #eee;
		font-size: 20rpx;
		text-align: center;
		background-color: #fff;
		box-shadow: 0px 4rpx 8rpx rgba(0, 0, 0, 0.35);
		z-index: 2;
		opacity: 0.8;
		line-height: 80rpx;
		margin-bottom: 20rpx;
	}

	.u-go-home .iconfont {
		font-size: 40rpx;
	}

	.m-media-list {
		float: left;
		width: 100%;
	}

	.m-media-list image {
		width: 115rpx;
		height: 115rpx;
		box-sizing: border-box;
		margin: 10rpx;
		border: 1rpx solid #eee;
	}

	.m-media-box-appmsg {
		align-items: initial;
	}

	.wxParse-p image {
		vertical-align: top;
	}

	.video {
		position: absolute;
		bottom: 40rpx;
		left: 44%
	}

	.seckill {
		display: flex;
		height: 120rpx;
		color: #fff;
		background: linear-gradient(270deg, #DB384C 0%, #FF7495 100%);
		border-radius: 11px 11px 0 0;
		position: relative;
		bottom: -11px;
		padding-bottom: 11px;
	}

	.seckill-left {
		width: 70%;
		padding-left: 20rpx;
		//background: #ff0136;
		display: flex;
		flex-flow: column;

		margin: auto;

	}

	.seckill-right {
		width: 35%;
		//background: rgb(254, 234, 233);
		display: flex;
		//align-items: center;
		justify-content: center;
		flex-flow: column;

		text-align: right;
		padding-right: 20rpx;
		margin-top: 10rpx;

		image {
			width: 166rpx;
			height: 44rpx
		}
	}

	.seckill-left .discountPrice {
		margin-top: 2rpx;

		text.m-info-delprice {
			font-size: 12px;
			color: #fff;
		}
	}

	.seckill-left .discountPrice text {
		font-size: 56rpx
	}

	.seckill-left .Price {
		display: flex;
		margin-bottom: 10rpx;
	}

	.seckill-left .Price image {
		width: 166rpx;
		height: 44rpx
	}

	.seckill-left .Price view {
		text-decoration: line-through;
		margin-left: 20rpx;
		font-size: 28rpx;
		display: flex;
		align-items: center
	}

	.seckill-right .endTime {
		//color: #ff0136;
		margin-bottom: 16rpx;
	}

	.seckill-right .Time {
		font-size: 12px;
		padding-top: 4rpx;
	}

	.seckill-right .time {
		//padding: 8rpx 8rpx;
		font-size: 14px;
		border-radius: 10rpx;
		//background: #ff0136
	}

	.seckill-right .time-tip {
		//color: #ff0136;
		//margin: 0 6rpx
	}

	// 拼团信息
	.groupbooking {
		display: flex;
		height: 140rpx;
		color: #fff;
		background: linear-gradient(270deg, #FF3055 0%, #FF564E 100%);
		height: 160rpx;

		.m-info-price {
			color: $secondary-skin-color;
			;
			font-size: 48rpx;
			font-family: PingFangSC-Medium, PingFang SC;
			font-weight: 500;

			span {
				padding: 0 8rpx;
			}
		}

		.m-info-price text {
			font-size: 28rpx;
			font-weight: 300;
		}

		.progressBarBox {
			position: relative;
			bottom: 0rpx;
			left: 140rpx;
		}
	}

	.groupbooking .label .userLimt {
		background-color: #fff;
		padding: 20rpx 30rpx;
		width: 80rpx;
		height: 22rpx;
		border-radius: 100rpx;
		font-size: 22rpx;
		font-weight: bold;
		display: flex;
		color: $default-skin-bg;
		justify-content: center;
		align-items: center;
		position: relative;
		left: 200rpx;
		bottom: 65rpx;
	}

	.groupbooking .label {
		color: #fff;
		margin: 10rpx;
	}

	.groupbooking .endlabel {
		color: #FEBEA1;
	}

	.groupbooking .m-info-delprice {
		color: #FFB2B2;
		position: relative;
		top: 40rpx;
		right: 180rpx;
		font-size: 24rpx;
	}

	.groupbooking-name {
		background: #fff;
		height: 100rpx;
		padding: 20rpx;
		margin-bottom: 20rpx;
	}

	.groupbooking-rule {
		background: #fff;
		padding: 20rpx;
		margin-bottom: 20rpx;
		font-size: 30rpx;

		.groupbooking-rule-title {
			padding: 10rpx;
			display: flex;
			align-items: center;
		}

		.red-dot {
			content: "";
			width: 6rpx;
			height: 32rpx;
			background-color: red;
			margin-right: 8px;
		}

		.groupbooking-rule-line {
			border-bottom: 2rpx solid #eee;
		}

		.flex-container {
			display: flex;
			justify-content: space-between;
			align-items: center;
			padding: 20rpx;
		}

		.flex-item {
			text-align: center;
		}

		.arrow {
			display: flex;
			align-items: center;
		}

		.flex-item-img {
			width: 50rpx;
			height: 50rpx;
		}

		.right-arrow {
			width: 40rpx;
			height: 40rpx;
		}
	}

	/* 店铺信息 */

	.goods-detail-store .store_name {
		font-size: 32rpx;
		color: #333;
	}

	.m-cells::after {
		height: 0;
		border-bottom: 0;
	}


	.goods-detail-store label {
		font-size: 44rpx;
		float: left;
		line-height: 48rpx;
	}

	.goods-detail-store label.icon-mall {
		color: #ff6700;
		font-size: 32rpx !important;
		margin: auto 6rpx;
	}

	.goods-detail-store .store-rate {
		margin: 6rpx 30rpx 0rpx
	}

	.goods-detail-store .store-rate label {
		display: inline-block;
		width: 33.33%;
		height: 80rpx;
		font-size: 26rpx;
		line-height: 80rpx;
		color: #999999;
		padding: auto 60rpx;
	}

	.goods-detail-store .store-rate label view {
		display: inline-block;
		vertical-align: middle;
		font-size: 26rpx;
		font-weight: 600
	}

	.goods-detail-store .store-rate label i {
		display: inline-block;
		vertical-align: middle;
		width: .7rem;
		height: .7rem;
		font-size: .45rem;
		line-height: .7rem;
		font-style: normal;
		text-align: center;
		border-radius: .1rem
	}

	.goods-detail-store .store-rate label.equal view,
	.goods-detail-store .store-rate label.high view {
		margin-left: 4rpx;
		color: #ff6700
	}

	.goods-detail-store .store-rate label.equal i,
	.goods-detail-store .store-rate label.high i {
		color: #FFF;
		background-color: #ff6700
	}

	.goods-detail-store .store-rate label.low view {
		color: #48CFAE
	}

	.goods-detail-store .store-rate label.low i {
		color: #FFF;
		background-color: #48CFAE
	}


	/* share */
	.textarea-wrp {
		padding: 0 20rpx;
	}

	.page-section {
		margin-bottom: 20rpx;
	}

	.textarea {
		border: 2rpx solid #D8D8D8;
		padding: 10rpx;
		height: 90rpx;
		width: 690rpx;
	}

	.uni-input {
		border: 2rpx solid #D8D8D8;
		padding: 0 10rpx;
		width: 690rpx;
	}

	.uni-uploader-body {
		display: flex;
		justify-content: center;
	}

	radio-group {
		box-sizing: border-box;
		width: 100%;
		padding: 0 30rpx;
		display: flex;
		justify-content: space-between;
	}


	.item_disabled {
		background-color: #ddd !important;
		cursor: not-allowed;
	}

	.m-footer-btn-icon .uni-badge {
		position: absolute;
		z-index: 9;
		margin-left: -4rpx;
		margin-top: -10rpx;
	}

	/* */
	.u-p-opt {
		position: absolute;
		right: 20rpx;
		bottom: 110rpx
	}

	.navtext {
		margin-bottom: 20rpx;
	}

	.quicknav {
		width: 80rpx;
		height: 80rpx;
		border-radius: 50%;
		border: 1rpx solid #EEE;

		.iconfont {
			text-align: center;
			vertical-align: middle;
			line-height: 80rpx;
			height: 80rpx;
			font-size: 40rpx;
		}

		.iconfont.zc {
			text-align: center;
			vertical-align: middle;
			line-height: 80rpx;
			height: 80rpx;
			font-size: 40rpx;
			color: #7a7a7a;
		}

	}

	.u-p-opt .navtext:first-child {}

	.u-p-opt .navtext:last-child {
		margin-bottom: 0rpx;
	}

	/* 修正"app-plus": {
                "titleNView": {
                    "type": "transparent"

                    scroll view 问题
*/
	.fix-titlenview-trans {
		height: calc(100% + 88rpx)
	}


	/* near chain*/
	.m-nearbylist label {
		font-size: 26rpx;
	}

	.list-box {
		background-color: #fff;
		color: #333;
	}

	.item-box {
		padding: 20rpx;
		border-bottom: 1rpx solid #eee;
	}

	.flex-box {
		display: flex;
		align-items: center;
		position: relative;
	}

	.flex-shop {
		width: 30rpx;
		height: 30rpx;
	}

	.m-imfo-sp-selext-name {
		margin-left: 25rpx;
		max-width: 60%;
		overflow: hidden;
		text-overflow: ellipsis;
		white-space: nowrap;
		display: -webkit-box;
		-webkit-line-clamp: 1;
		-webkit-box-orient: vertical;
	}

	.flex-title {
		font-size: 30rpx;
		margin-left: 10rpx;
		max-width: 75%;
		overflow: hidden;
		height: 40rpx;
		text-overflow: ellipsis;
		white-space: nowrap;
	}

	.flex-postion {
		display: flex;
		align-items: center;
		position: absolute;
		right: 0;
	}

	.flex-postion image {
		width: 20rpx;
		height: 26rpx;
	}

	.flex-postion label {
		font-size: 24rpx;
		color: #9b9b9b;
		margin-left: 10rpx;
	}

	.m-nearbylist {
		position: absolute;
		width: 100%;
		height: 100%;
	}

	.flex-info {
		display: flex;
		flex-direction: column;
		justify-content: center;
	}

	.flex-info view {
		margin: 10rpx 0 0 0;
		font-size: 28rpx;
	}

	.flex-info-box {
		display: flex;
		align-items: flex-start;
	}

	.flex-info label {
		display: inline-block;
		vertical-align: top;
		word-wrap: break-word;
		width: 520rpx;
	}

	.flex-info image {
		width: 40rpx;
		height: 40rpx;
		position: absolute;
		right: 10rpx;
	}

	.flex-info-title {
		flex-basis: 145rpx;
	}

	.open_ba {
		width: 80%;
		margin: 0 auto
	}

	.open_dl {
		width: 34%;
		height: 79rpx;
		background: #33cc66;
		border-radius: 20rpx;
		text-align: center;
		color: #fff;
		margin: 79rpx auto 0 auto;
		line-height: 75rpx;
	}


	.nearbylist-item {
		padding: 20rpx 30rpx;
		border-bottom: 1px solid #eee;
		background: white;
	}

	.nearbylist-item:last-child {
		border: none;
	}

	.item-info {
		position: relative;
		font-size: 28rpx;
	}

	.item-name {
		display: inline-block;
		font-size: 30rpx;
	}

	.item-phone {
		line-height: 45rpx;
		display: flex;
		align-items: center;
	}

	.item-distance {
		float: right;
		font-size: 26rpx;
		color: #bbb;
	}

	.item-address {
		position: relative;
		font-size: 26rpx;
		color: #bbb;
		overflow: hidden;
		text-overflow: ellipsis;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		margin-right: 40rpx;
		line-height: 40rpx
	}

	.item-info::after {
		content: " ";
		display: inline-block;
		height: 12rpx;
		width: 12rpx;
		border-width: 4rpx 4rpx 0 0;
		border-color: #ebebe7;
		border-style: solid;
		-webkit-transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		transform: matrix(0.71, 0.71, -0.71, 0.71, 0, 0);
		top: -4rpx;
		position: absolute;
		top: 72%;
		right: 4rpx;
		padding: 3rpx;
	}

	.m-nearbylist {
		height: 100%;
		position: absolute
	}

	.tag-view {
		/* #ifndef APP-PLUS-NVUE */
		display: inline-flex;
		/* #endif */
		flex-direction: column;
		margin: 10rpx 15rpx;
		justify-content: center;
	}


	.evaluate {
		width: 750rpx;
		height: 380rpx;
		background: rgba(255, 255, 255, 1);
		margin-top: 20rpx;
	}


	.evaluate-top {
		width: 750rpx;
		height: 80rpx;
		background: rgba(255, 255, 255, 1);
		position: absolute;
		margin-top: 24rpx;
		margin-left: 30rpx;
	}

	.right {
		width: 150rpx;
		height: 24rpx;
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: $main-skin-color;

	}

	.evaluate-right {
		position: absolute;
		margin-top: -52rpx;
		margin-left: 550rpx;
	}


	.evaluate-bottom {
		width: 750rpx;
		background: rgba(255, 255, 255, 1);
		position: absolute;
		margin-top: 80rpx;
	}

	.uesr-evaluate {
		width: 600rpx;
		height: 200rpx;
		// background:rgba(244,244,244,1);
		border-radius: 8rpx;
		float: left;
		padding-top: 20rpx;
		padding-left: 30rpx;
	}

	.uesr-evaluate-center {
		width: 100%;
		height: 200rpx;
		background: rgba(244, 244, 244, 1);
		border-radius: 0rpx 8rpx 8rpx 0rpx;
		float: left;
	}

	.more-items {}

	.more-items-title {
		width: 100%;
		height: 100rpx;
		background: rgba(244, 244, 244, 1);
	}

	.uesr-evaluate-image {
		width: 200rpx;
		height: 200rpx;
		border-radius: 0rpx 8rpx 8rpx 0rpx;
		background: rgba(255, 255, 255, 1);
		float: left;
	}

	.center-top {
		width: 360rpx;
		height: 60rpx;
		// background:rgba(255,255,255,1);
		margin: 20rpx 20rpx;
		text-align: left;
	}

	.user-image {
		width: 60rpx;
		height: 60rpx;
		background: rgba(244, 244, 244, 1);
		border-radius: 50%;
		float: left;
	}

	.user-name {
		width: 176rpx;
		height: 24rpx;
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		margin: 0 20rpx;
		overflow: hidden
	}

	.user-text {
		/* width:360rpx; */
		height: 80rpx;
		// background:rgba(255,255,255,1);
		margin-left: 20rpx;
		overflow: hidden;


	}

	.user-text label {
		width: 360rpx;
		height: 80rpx;
		font-size: 20rpx;
		font-family: Alibaba PuHuiTi;
		line-height: 22rpx;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		word-wrap: break-word;
		word-break: normal;
	}

	.p-adds {
		width: 750rpx;
		height: 100rpx;
		background: rgba(255, 255, 255, 1);
		margin-top: 20rpx;
	}

	.p-adds-left {
		width: 100rpx;
		height: 100rpx;
		float: left;
	}

	.p-adds-left label {
		width: 60rpx;
		height: 25rpx;
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: rgba(153, 153, 153, 1);
		position: absolute;
		margin-left: 30rpx;
		margin-top: 30rpx;
	}

	.p-adds-right {
		width: 600rpx;
		height: 100rpx;
		float: right;
	}

	.p-adds-right label {
		position: absolute;
		margin-top: 30rpx;
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
	}


	.evaluate-top .left {
		width: 228rpx;
		height: 31rpx;
		font-size: 32rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: rgba(51, 51, 51, 1);
	}

	.m-store {
		width: 100%;
		height: 460rpx;
		background: rgba(255, 255, 255, 1);
		margin-top: 20rpx;
	}

	.m-store-info {
		width: 750rpx;
		height: 120rpx;
		background: rgba(255, 255, 255, 1);

		padding: 24rpx;
		background: #FFFFFF;
		border-radius: 12rpx;

		.info-brand {
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #888888;
			line-height: 40rpx;
			padding: 20rpx 0;

			label {
				padding: 0 20rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #222222;
			}
		}

		.m-store-name {
			padding: 0 30rpx;

			.m-name {
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #222222;
				line-height: 44rpx;
			}

			.m-quantity {
				font-size: 28rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #555555;
				line-height: 40rpx;
				padding: 6rpx 0;
			}
		}

	}

	.m-store-radi {
		width: 80rpx;
		height: 80rpx;
		background: linear-gradient(45deg, rgba(105, 178, 25, 1), rgba(121, 202, 32, 1));
		border-radius: 50%;
		position: absolute;
		margin: 20rpx 30rpx;

	}

	.m-store-radi label {
		width: 58rpx;
		height: 28rpx;
		font-size: 30rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 500;
		color: rgba(255, 255, 255, 1);
		position: absolute;
		margin: 12rpx;
	}

	.m-store-items {
		width: 100%;
		height: 380rpx;
		background: rgba(255, 255, 255, 1);
		white-space: normal;
	}

	.m-store-item {
		width: 210rpx;
		height: 340rpx;
		// background:rgba(244,255,232,1);
		float: left;
		margin-top: 20rpx;
		margin-left: 30rpx;

	}

	.m-store-item-image {
		width: 210rpx;
		height: 210rpx;
		border-radius: 8rpx;
		background: rgba(242, 242, 242, 1);
	}

	.m-store-item-name label {
		/* width:150rpx; */
		height: 60rpx;
		font-size: 26rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: rgba(51, 51, 51, 1);
		line-height: 60rpx;
		display: -webkit-box;
		-webkit-box-orient: vertical;
		-webkit-line-clamp: 1;
		overflow: hidden;
	}

	.m-store-item-price label {
		width: 100px;
		height: 30px;
		font-size: 20rpx;
		font-family: Alibaba PuHuiTi;
		font-weight: 400;
		color: #FF5A00;
		text-align: center;
	}


	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		background-color: #fff;
		margin-top: 24rpx;
		border-radius: 12rpx;
	}

	.scroll-view-item {
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
		font-size: 36rpx;
	}

	.scroll-view-item_H {
		display: inline-block;
		/* height: 260rpx; */
		// line-height: 300rpx;
		text-align: center;
		font-size: 36rpx;
	}

	.m-policy {
		background-color: #ffe7d0;
	}

	.m-imfo-sp-title {
		color: #A5988F;
	}

	.m-imfo-sp-money {
		color: #ff7300;
	}

	.bottom-safearea {
		padding-bottom: 0;
		padding-bottom: constant(safe-area-inset-bottom);
		padding-bottom: env(safe-area-inset-bottom);
	}

	.activity-title {
		height: 96rpx;
		width: 100%;
		line-height: 96rpx;
		/* padding: 5px; */
		text-align: center;
		font-size: 52rpx;
		color: #c0a080;
		display: block;
	}

	.product-item {
		border: 1px dashed #c5a789;
		height: 500rpx;
		margin-top: 20rpx;
		overflow-y: scroll;
		overflow-x: none;
		padding: 10px;
		border-radius: 8px;
	}

	.gift-item {
		border: 1px solid #dadadc;
		margin-top: 2px;
	}

	.gift-rule {
		margin-top: 18rpx;
		font-size: 24rpx;
		margin-bottom: 18rpx;
		color: #c0a080;
	}

	.scroll-view_H {
		white-space: nowrap;
		width: 100%;
		height: 344rpx;
	}

	.scroll-view-item {
		height: 300rpx;
		line-height: 300rpx;
		text-align: center;
		font-size: 36rpx;
	}

	.scroll-view-item_H {
		display: inline-block;
		//width: 640rpx;
		height: 344rpx;
		background: #ffffff;
		opacity: 1;
		border-radius: 16rpx;
		margin-right: 24rpx;
	}

	.product-l-img {
		width: 240rpx;
		height: 240rpx;
		background: rgba(0, 0, 0, 0);
		opacity: 1;
		border-radius: 16rpx 16rpx 0rpx 0rpx;
	}

	.product-l-price {
		width: 208rpx;
		height: 88rpx;
		background: rgba(255, 255, 255, 1);
		// padding:8rpx 16rpx;
		margin-top: 10px;

		.product_name {
			font-size: 12px;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 28rpx;
			color: #002951;
			opacity: 1;

			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
		}

		.m-project-tips {
			height: 18rpx;
			font-size: 14rpx;
			font-family: PingFang SC;
			font-weight: 400;
			line-height: 18rpx;
			color: #002951;
			opacity: 0.6;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			margin: 4rpx 0rpx;
		}

		.price-new {
			font-size: 12px;
			font-family: Arial;
			font-weight: 400;
			line-height: 34rpx;
			color: #ff4142;
			opacity: 1;
			margin: 5px 0;
		}

	}

	.evaluate {

		.scroll-view_H {
			white-space: nowrap;
			width: 100%;
			height: 255rpx;
			// margin-left: 24rpx;
		}

		.scroll-view-item {
			height: 300rpx;
			line-height: 300rpx;
			text-align: center;
			font-size: 36rpx;
		}

		.scroll-view-item_H {
			display: inline-block;
			height: 260rpx !important;
			// line-height: 300rpx;
			// text-align: center;
			font-size: 36rpx;
		}
	}

	.sgar {
		color: #fff !important;
		font-weight: 400;
		font-size: 20rpx;
		background: #333959;
		padding: 0rpx 15rpx !important;
		border-radius: 5rpx;
		display: inline-block !important;
		margin: 0rpx 10rpx 0rpx 50rpx !important;
	}

	.m-cell-bd.coupon {
		display: flex;
		align-items: flex-start;
		line-height: 1;

		.m-info-tip {
			white-space: nowrap;
			margin-top: 10rpx;
		}

		.m-coupon-item1 {
			height: initial;
			margin: 0;
			padding: 0;

			.m-coupon-info {
				margin-left: 24rpx;

				width: 560rpx;
			}

			.m-coupon-text {
				width: 100%;

				uni-text {
					width: 100%;
				}
			}
		}
	}

	.product-info {
		padding: 24rpx;
		padding-bottom: 0;

		.info-content {
			background: #ffffff;
			border-radius: 12rpx;
			border-radius: 11px 11px 0 0;
			padding: 24rpx 0px 24rpx 24rpx;

			.min-quantity {
				background: #a76e38;
				border-radius: 200rpx 0px 0px 200rpx;
				font-size: 24rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #ffffff;
				line-height: 34rpx;
				padding: 10rpx 18rpx;
				right: 23rpx;
				margin-top: 15rpx;
			}

			.m-info-name {
				font-size: 32rpx;
				font-family: PingFangSC-Medium, PingFang SC;
				font-weight: 500;
				color: #222222;
				line-height: 44rpx;
				display: -webkit-box;
				-webkit-line-clamp: 3;
				/*设置多少行*/
				-webkit-box-orient: vertical;
				overflow: hidden;
				text-overflow: ellipsis;
				margin: 10rpx 0;
			}

			.m-info-tips {
				font-size: 26rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #888888;
				padding: 2rpx 0;
				line-height: 36rpx;
				overflow: hidden;
				text-overflow: ellipsis;
				white-space: nowrap;
			}
		}
	}

	.m-item {
		border-radius: 4rpx;
		border: 1rpx solid #f56605;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #f56605;
		line-height: 34rpx;
		padding: 4rpx;
	}

	.m-footer-btn-main-left {
		background: lighten($default-skin-bg, 6.5%);
		border-radius: 18rpx 0px 0px 18rpx !important;
	}

	.m-footer-btn-main-right {
		background: $default-skin-bg;

		border-radius: 0px 18rpx 18rpx 0px !important;
	}

	.m-m-panel-sp-rbtn {
		border-radius: 18rpx 18rpx 18rpx 18rpx;
	}

	.m-pstock {
		display: inline;
		margin-left: 20rpx;
	}

	.m-pspec {
		background: #F5F5F5;
		border-radius: 12rpx;
		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #222222;
		line-height: 34rpx;
		padding: 10rpx;
		margin-top: 10rpx;

		display: table;
	}

	.spec-info {
		width: 216rpx;
		height: 290rpx;
		background: #F5F5F5;
		border-radius: 12rpx;
		float: left;
		margin-right: 14rpx;
		margin-right: 14rpx;
		margin-bottom: 14rpx;
		border: 1rpx solid #EEEEEE;

		.spec-image {
			width: 194rpx;
			height: 194rpx;
			padding: 14rpx 12rpx 0rpx 14rpx;
		}

		.spec-info-name {

			font-size: 24rpx;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
			color: #222222;
			line-height: 33rpx;
			padding: 4rpx 10rpx;
			overflow: hidden;
			text-overflow: ellipsis;
			display: -webkit-box;
			-webkit-box-orient: vertical;
			word-wrap: break-word;
			white-space: normal !important;
			-webkit-line-clamp: 2; // 想要超出三行显示 就把这里改成3就好了

			text-align: center;
		}
	}

	.spec-checked {
		border: 2rpx solid $default-skin-bg;
		background: rgba(167, 110, 56, 0.1);

	}

	.m-customized {
		display: flex;
		padding: 46rpx 24rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		line-height: 40rpx;

		.m-customized-left {
			width: 8%;
			color: #555555;
		}

		.m-customized-center {
			color: #222222;
			padding: 0 28rpx;
			width: 50%;
		}

		.m-customized-right {
			color: #222222;
			width: 30%;
			text-align: right;
		}
	}

	.m-input-quantity {
		padding: 24rpx;
		display: flex;
		justify-content: space-between;

	}

	.m-price {
		display: flex;
		justify-content: flex-end;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #222222;
		line-height: 40rpx;
		padding: 22rpx 24rpx;
	}

	.split-line {
		border: 0.5pt solid #EEEEEE;
		width: 100%
	}

	.split-lines {
		border: 0.5pt solid #EEEEEE;
		width: 360px;
		margin-left: 13px;
		margin-top: 15px;
	}

	.customized-info {
		display: flex;
		align-items: center;
		padding: 14rpx 24rpx 34rpx 24rpx;
		font-size: 28rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #555555;
		line-height: 40rpx;


		span {
			padding: 0 18rpx;
		}
	}

	.policy-quantity {
		font-size: 26rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #888888;
		line-height: 36rpx;
	}

	.popup-content {
		width: 566rpx;
		position: relative;
		background-repeat: no-repeat;
		background-size: 100% 100%;

		.p-top {
			width: 100%;
			height: 140rpx;
		}

		.close-img {
			position: absolute;
			bottom: -132rpx;
			left: 44%;

			image {
				width: 64rpx;
				height: 64rpx;
			}
		}

		.p-content {
			font-size: 32rpx;
			line-height: 40rpx;
			text-align: center;
			padding: 50rpx 0;
			font-family: PingFangSC-Regular, PingFang SC;
			font-weight: 400;
		}

		.p-bottom {
			display: flex;
			justify-content: space-between;
			padding: 0 60rpx;

			.button {
				width: 180rpx;
				height: 80rpx;
				border-radius: 18rpx;
				border: 1rpx solid #a76e38;
				text-align: center;
				line-height: 80rpx;
				margin-top: 15px;
				font-size: 32rpx;
				font-family: PingFangSC-Regular, PingFang SC;
				font-weight: 400;
				color: #a76e38;
			}

			.button-right {
				background: #a76e38;
				color: #fff;
			}
		}
	}

	.nav-head-box {
		position: fixed;
		left: 0;
		top: 0;
		z-index: 100;
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		/* #ifdef MP */
		width: 76%;
		/* #endif */
		background: rgba(255, 255, 255, 0);


		.back {
			position: absolute;
			left: 0;
			top: 13rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100rpx;
			height: 64rpx;


			// 返回
			.back-one {
				display: flex;
				align-items: center;
				justify-content: center;
				width: 50rpx;
				height: 50rpx;
				background-color: rgba(0, 0, 0, 0.3);
				border-radius: 100%;

				text {
					display: flex;
					width: 20rpx;
					height: 20rpx;
					border-left: 2rpx solid #FFFFFF;
					border-bottom: 2rpx solid #FFFFFF;
					transform: rotate(45deg);
				}
			}

			.action {
				background-color: transparent;

				text {
					border-color: #555555;
				}
			}
		}

		// 分享更多
		.share {
			position: absolute;
			right: 0;
			top: 13rpx;
			display: flex;
			align-items: center;
			justify-content: center;
			width: 100rpx;
			height: 64rpx;


		}


	}

	.selext-parameter {
		overflow: hidden; //超出的文本隐藏
		display: -webkit-box;
		-webkit-line-clamp: 1; // 超出多少行
		-webkit-box-orient: vertical;
	}


	.indicator-point {
		position: absolute;
		background: #000000;
		border-radius: 21px;
		opacity: 0.3;
		right: 24rpx;
		bottom: 38rpx;

		font-size: 24rpx;
		font-family: PingFangSC-Regular, PingFang SC;
		font-weight: 400;
		color: #FFFFFF;
		line-height: 34rpx;
		padding: 4rpx 20rpx;
	}

	.ttd::after {
		content: " ";
		position: absolute;
		left: 0;
		bottom: 0;
		right: 0;
		height: 1px;
		border-bottom: 2rpx solid #ebebe7 !important;
		color: #ebebe7;
		-webkit-transform-origin: 0 0;
		transform-origin: 0 0;
		-webkit-transform: scaleY(0.5);
		transform: scaleY(0.5);
	}


	/*Grid*/
	.spec-box-grids {
		position: relative;
		overflow: hidden;
		clear: both;

		background-color: #ffffff;
		white-space: nowrap;
		width: 534rpx;

		font-size: 14px;
		line-height: 64rpx;
		padding-left: 16rpx;

		.spec-box-grid {
			margin-right: 14rpx;
			display: inline-block;
			text-align: center;

			&.active {
				.spec-box-grid-label {
					color: #c0a080;
					// background-color: pink;
				}
			}
		}

		.spec-box-grid-border {
			border-right: 1rpx solid #d9d9d9;
			border-bottom: 1rpx solid #d9d9d9;
		}

		.spec-box-grid:active {
			background-color: #ececec;
		}

		.spec-box-grid-icon {
			width: 68rpx;
			height: 68rpx;
			margin: 0 auto;

			image {
				display: block;
				width: 100%;
				height: 100%;
			}

		}

		.spec-box-grid-label {
			margin-top: 10rpx;
		}

		.spec-box-grid-label {
			display: block;
			text-align: center;
			color: #000;
			font-size: 24rpx;
			line-height: 40rpx;
			white-space: nowrap;
			text-overflow: ellipsis;
			overflow: hidden;
		}
	}

	.spec-box-grids-border {
		border-top: 1rpx solid #d9d9d9;
		border-left: 1rpx solid #d9d9d9;
	}

	.active {
		background-color: #c0a080;
	}

	.favorite-share {
		display: flex;
		margin-left: auto;
		text-align: center;
		background: #FFFFFF;
		line-height: 60rpx;
		color: #999;

		.iconfont {
			font-size: 22px;
			color: #999;
			line-height: 24px;
		}

		label:first-child {
			margin-right: 20rpx;
		}

		.highlight {
			color: #DB384C !important;
		}

		margin-top: auto;
		margin-bottom: auto;
	}

	.icon-share {
		font-weight: 700;
		padding-right: 8rpx;
	}

	.m-info-price {
		display: flex;
		align-items: center;
		padding-right: 24rpx;
	}

	.nameBox {
		display: flex;
		padding-right: 24rpx;
	}

	/* #ifdef MP */
	.icon-cart {
		margin-left: -2rpx;
	}

	/* #endif */

	.detail-text {
		line-height: 36px;
		height: 30px;
		margin-right: 12px;

		.text {
			margin-right: 10rpx;
		}
	}

	.ap {
		color: red;
		font-size: 16px;
		font-weight: bold;
		margin: auto 6rpx
	}

	.activity-intro-box {
		.activity-intro-desc {
			font-size: 12px;
			flex: 1;
			line-height: 64rpx;
		}
	}
</style>